Support » Plugin: Products Compare for WooCommerce » Styling help

  • Hello! I have a couple questions. The columns are really really long and my descriptions are very short, how can I make te columns have the same height as my descriptions? Also, how can I justify the description to the left instead of centered? And last question! I hid the left column that said “description” because I don’t need it and it takes a lot of space but now there’s an empty space there, how can I center the table or move it all the way to the left? Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author RazyRx



    Plugin do not have option for this, but you can try to use this code on page load

    jQuery(document).ready(function() {
    jQuery('.br_new_compare .br_right_table .br_description_row td div').attr('style', 'height:initial!important;');
    var heights = jQuery('.br_new_compare .br_right_table .br_description_row td div').map(function (){ return jQuery(this).height(); }).get();
    maxHeight = Math.max.apply(null, heights);
    jQuery('.br_new_compare .br_right_table .br_description_row').attr('style', 'height:'+(maxHeight + 30)+'px!important;');

    Plugin uses static CSS styles to display table it means you need to override them if you change something.

    .br_new_compare_block_wrap div.br_new_compare div.br_right_table, 
    .br_new_compare_block_wrap div.br_top_table div.br_main_top,
    .br_new_compare_block_wrap div.br_top_table div.br_opacity_top {
        margin-left: 0px!important;


    Thank you! The first piece of code goes on functions.php?

    Plugin Author RazyRx


    Hello @iktanstudio,

    It is JavaScript code. You can add it to your child theme JavaScript file or you can display it on the page with help of WordPress hooks.


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling help’ is closed to new replies.