Tagged: colums, price table, row
Hi!
In the follow image, the table displays in the first colum field some rows…but the fields of the second, doesn´t aligned with the first.
Image example: http://prntscr.com/2tuzci
How can i align all rows of the colums with the same height, doesn´t matter the height of the other colums rows??
Site: here
Thanks so much in advance!
Hi NaRanJiTo78!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-91 .pricing-table li {
min-height: 72px;
}
This will not set them dynamically and instead it sets all of the heights to a minimum height. Because each table is its own element they don’t have horizontal relationships. This means that an item in the first table doesn’t have any idea what the height of an item in the second table is.
So setting a minimum height with the above css is the only way to expand the row heights so that they match up with that pricing table style.
Regards,
Devin