Reply To: icon box size

Hi,

Thank you for the update.

When you set the columns in a row to have equal height, it will only affect the columns themselves, not the elements within them. To ensure icon boxes have the same height, apply the class name “av-icon-box-same-height” in the Advanced > Developer Settings > Custom CSS Class field, and then add this script to the functions.php file.

function ava_custom_script_here()
{
    ?>
    <script>
        (function ($)
        {
            function setEqualHeight() {
                var maxHeight = 0;
                $('.av-icon-box-same-height .iconbox_content').css('height', 'auto');
                
                $('.av-icon-box-same-height .iconbox_content').each(function () {
                    var contentHeight = $(this).outerHeight();
                    if (contentHeight > maxHeight) {
                        maxHeight = contentHeight;
                    }
                });
                
                $('.av-icon-box-same-height .iconbox_content').css('height', maxHeight + 'px');
            }

            document.addEventListener('DOMContentLoaded', function () {
                setEqualHeight();
                $(window).on('resize', function () {
                    setEqualHeight();
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_here');

Best regards,
Ismael