• Home
  • Recipes
  • Photography
  • Marketing
  • Technology
  • Home
  • Recipes
  • Photography
  • Marketing
  • Technology
HomeCodeEqual Column Height for Avada Content Boxes using ...
Previous

Equal Column Height for Avada Content Boxes using CSS and jQuery

Posted by: Noah , August 27, 2019

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);
    });

Share!
Tweet

Noah

About the author

Comments

comments

Photography

Copyright © 2019 Noah Keitel
  • Home
  • Recipes
  • Photography
  • Marketing
  • Technology