Tagged: tables column height
Hello Supporters,
the columns of the pricong table do not have the same height
I checked: “show empty cells” in the table settings, but it doesn´t work.
And how can I change the font-colors by css?
Thanks.
Website LINK
Hi,
Thank you for the link to your site and pointing this out, I will let the Dev Team know, but for now try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-pricing-table-container.avia_show_empty_cells .pricing-table li.empty-table-cell {
display: block;
}
While this will show the empty cells, your table columns will still not be the same height because the cells in the last column has more content than the first two.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function equal_height_pricing_table() { ?>
<script>
(function($) {
$(function() {
$('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(3) li').each(function(index){
$('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(2)').find('li').eq(index).css('height', $(this).css('height'));
$('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(1)').find('li').eq(index).css('height', $(this).css('height'));
});
});
})(jQuery);
</script>
<?php
}
add_action( 'wp_footer', 'equal_height_pricing_table', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please note that this will only work on your table in the preisliste section so it will not interfere with any others on your site.
Best regards,
Mike