Equal Column Height for Avada Content Boxes using CSS and jQuery

Here’s a quick solution for getting equal column heights for Avada’s Content Box element using CSS and jQuery. Just replace the “your-class-name” classes with your actual class name to make this work for you.

jQuery(document).ready(function($){
        var maxCBHeight = 0;

        // create a class name to place in your Avada Content Box element
        $(".your-class-name > .content-box-column").each(function(){
            if($(this).innerHeight() > maxCBHeight){
                maxCBHeight = $(this).innerHeight();
            }
        });
        
        var maxCBHeightString = maxCBHeight+'px';
        $(".your-class-name > .content-box-column > .content-box-wrapper").css('min-height', maxCBHeightString);
    });