In Genesis Pricing Table how to keep the pricing boxes the same length

  • Resolved k8thegreat

    (@k8thegreat)


    4 years, 2 months ago

    How can I set the Pricing blocks so they are all the same length? I have three blocks in one row. They do not have an equal amount of text. So bottom of the box, the prices, and buttons don’t line up at the bottom. I want all three boxes the same length, so that the colored background, prices, and buttons are aligned.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • @k8thegreat One option is to mess around with the Padding settings for the bottom-most block in each pricing column (usually the Buy Now button). By tweaking the bottom padding, you should be able to align the heights equally.

    Another option is to add some custom CSS. In your Customiser, navigate to the page where the block is placed, and add the following Additional CSS:

    
.gb-block-pricing-table-inside {
	height: 500px;
}

    You will need to tweak that height value to get everything to line up right for you. Note also that this will effect other pricing table blocks on your site. You can use the Custom CSS Class feature in the Advanced section of the editor to make the changes specific to this one block.

    Thread Starter k8thegreat

    (@k8thegreat)

    Thank you, that worked! But now I can’t get the buttons and prices even, no matter how I set the padding. Thoughts?

    @k8thegreat This is going to vary from site to site, theme to theme. My best advice is to mess around a bit more with Custom CSS in the customiser to see if you can get things just right.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘In Genesis Pricing Table how to keep the pricing boxes the same length’ is closed to new replies.