Hi,
is it possible to set the table that is has one height so that at the end all the columns are in one line? That would be great :)
Thanks a lot,
many greetings
rixi
Hey rixi,
Thank you for the link to your site, to make the cells in all of your tables equal height for this one page only try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function equal_height_table_cells() { ?>
<script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('#top.page-id-1292 .avia-pricing-table-container').each(function(){
var $columns = $('li',this);
var maxHeight = Math.max.apply(Math, $columns.map(function(){
return $(this).height();
}).get());
$columns.height(maxHeight);
});
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'equal_height_table_cells');
and add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to center the text in the cells:
#top.page-id-1292 .avia-pricing-table-container li {
align-items: center;
display: flex;
justify-content: center;
}
After applying the css, please clear your browser cache and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.
Best regards,
Mike
Hello Mike,
great, thanks a lot :))
Many greeting rixi
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike