Tagged: pricing tables
I cannot seem to get the rows across columns in a pricing table to align. How do I disable the dynamic row height so all rows across all tables are the same height? Page in question linked below.
Hey michaelmiller68,
Thank you for the inquiry.
You have to set the Styling > Table Styling > Table Purpose to the second option (Use the table to display tabular data) if you want every columns in the row to align automatically, or ensure that the columns will have the same height.
Best regards,
Ismael
Thank you. When I do that, the rows align, yes, but it strips out all the colour formatting. Is there a way to have the columns the same height and maintain the styling? This is for a pricing page and I want it to look attractive.
Michael
Hi,
Unfortunately, that is not possible because the pricing table have a different structure or layout compare to the tabular data. Each column in a pricing table is on its own container unlike in the tabular data. Also, if you check the demo, you will noticed that the text in each cell is limited to a single line.
// https://kriesi.at/themes/enfold/shortcodes/pricing-and-data-tables/
You may need to adjust the text in the first column and make sure that they are limited to a single line. Or we could apply a minimum height to the cells or list item but that would create unnecessary white spaces.
.pricing-table li {
min-height: 129px;
}
Best regards,
Ismael