Tagged: Pricing Table
-
AuthorPosts
-
May 4, 2024 at 7:19 am #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.
May 4, 2024 at 1:51 pm #1442283Hey 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,
MikeMay 7, 2024 at 10:06 pm #1442625This sounds great, but more frustratingly enough, my “Theme File Editor” is gone from my Appearance menu? Any ideas on that??
May 8, 2024 at 12:01 pm #1442674Hi,
Your wp-config.php file might have it disables withdefine( '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:
then add the previous code solution and save.Best regards,
MikeMay 8, 2024 at 5:40 pm #1442710So close! Can we move them all down just a little bit more?
- This reply was modified 6 months, 2 weeks ago by Christy.
May 9, 2024 at 5:18 am #1442750Hi,
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,
IsmaelMay 9, 2024 at 9:59 pm #1442846That 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.
May 10, 2024 at 10:58 am #1442870 -
AuthorPosts
- You must be logged in to reply to this topic.