Set Hover Boxes to be Equal Height

jillianmv27

Hello! Is there a way to set hover boxes to be equal height?

I have them built in WP Bakery Page Builder and set to equal height. However, it doesn't work on different browser widths. See screenshots.

Phil

Hi,

Please check the following tutorial:

https://wpbakery.com/video-academy/how-to-create-layout-with-equal-height-columns/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jillianmv27

This is already set for these flip boxes and it still is not equal height.

Here is a link to the page: https://www.flexwareinnovation.com/industries/food-and-beverage/. Please scroll to the 4-column section starting with "spirits & brewing". Adjust your browser width to see what I am talking about.

Phil

Please, try the following CSS code:

.vc-hoverbox{
 max-height: 256px!important;
}

Put it in Page options -> Custom CSS filed on that page.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next