-
Posts
-
I am creating a pricing table in enfold. But whenever i type something that is longer that one row in a cell, the height of that sell gets bigger but the rest of the cells in the same row maintains the same size and therefore the table gets kind of broken. How can I set all the cells in a same row to adjust to the biggest one?
Yes, I see the same thing, but I think you’ll find that is because the ‘table’ is not in fact an HTML table in the normal sense. The items are actually lists, each one within a separate column DIV so there is actually no connection between the rows on each column.
To ensure they are all the same height you’ll either need to ensure you have the same number of text rows in each, or set a fixed height for the
- elements in the table cells with CSS.
Hi Richard
Thanks for the suggestion. I indeed tried adjusting the height of tables through the following customization:.avia-table-2 .pricing-table>li:last-child {
height: 150px;
}
.avia-table-2 .pricing-table-wrap ul li, .avia-table-3 .pricing-table-wrap ul li {
height: 55px;
}However, while it does set the second one of my tables correctly, it totally smashes the last two tables I show in the same page. And the other thing that concerns me is tables are ugly in smaller screen resolutions (mobile devices…) as columns are shown in order as you scroll, but rows are lost, which makes the data loose sense.
- The topic ‘Pricing Table Row Height in Enfold’ is closed to new replies.