Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #226105

    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!

    • This topic was modified 10 years, 9 months ago by NaRanJiTo78.
    #227103

    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

    #367017
    This reply has been marked as private.
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Price table: How to display rows aligned, no matters the height of other row col’ is closed to new replies.