Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1448651

    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.

    • This topic was modified 1 week, 6 days ago by dillionline.
    #1448653

    Website LINK

    #1448685

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.