Equal Height Icon Boxes

If you have various icon boxes and you want them to all be the same height it’s very easy to do. All you need to do is give each icon box the classname “equal-height-content”.

So the result would be that every icon box will have the same height regardless of it’s content.

equal-height-icon-boxes

Fix issues when using Images

If you are using images in your icon boxes or other items that you want to set to have equal heights then you need to make sure the images are loaded before the equal-height script. In Total 4.9.6 we’ve introduced a new shortcode you can use to load the imagesLoaded script from WP core and the theme will make use of this for your equal heights. Simply add the [enqueue_imagesloaded] shortcode anywhere on your page.