Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1442252

    I created a pricing table and the first column is not aligning unless I stretch the window to a very specific size. I created a completely different table for mobile, but the desktop table needs to align up correctly otherwise it doesn’t make sense at all.

    #1442283

    Hey Christy,
    Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      	var width = $(window).width();
          if (width > 767) {
        $('.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', 'custom_script', 99 );

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    #1442625

    This sounds great, but more frustratingly enough, my “Theme File Editor” is gone from my Appearance menu? Any ideas on that??

    #1442674

    Hi,
    Your wp-config.php file might have it disables with define( 'DISALLOW_FILE_EDIT', true );
    You could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    Enfold_Support_2680.jpeg
    then add the previous code solution and save.

    Best regards,
    Mike

    #1442710

    So close! Can we move them all down just a little bit more?

    • This reply was modified 5 months, 1 week ago by Christy.
    #1442750

    Hi,

    Can we move them all down just a little bit more?

    Are you referring to the icons inside the table cells? If so, you can add this css code:

    .av-1ifk2f-204b380a96c16ead6fc2d86981178a96 .pricing-table li .av_font_icon {
        top: 5px;
        position: relative;
    }

    Best regards,
    Ismael

    #1442846

    That didn’t work unfortunately, that removed the whole table entirely. I just need the description moved down a little bit. I can’t get it to work with CSS because the vertical align property doesn’t work and if I add padding it messes up with what you fixed. :-( See screenshot.

    #1442870

    Hi,
    Perhaps we will need to try a different solution, please remove the solution above.

    Best regards,
    Mike

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