Make portfolio grid the same height

Hey engage24,
Thanks for your patience and the link to your site, to make all of the titles in the portfolio grids the same height I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function equal_height_portfolio_grid_titles() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('#av-sc-portfolio-1 .grid-sort-container').each(function(){  
   var $columns = $('.grid-entry-title',this);
   var maxHeight = Math.max.apply(Math, $columns.map(function(){
       return $(this).height();
   }).get());
   $columns.height(maxHeight);
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'equal_height_portfolio_grid_titles');

and this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to center the titles:

.grid-entry-title {
   align-items: center;
   display: flex;
   justify-content: center;
}

This is the result:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, the image for “What’s the catch” is smaller than all of the others, please try correcting the image size by uploading a new correct image, it would be better than adding another script to adjust all of the images when only one is different.

Best regards,
Mike