How to Get Equal Height

equal height

How to Get Equal Height

When you have columns that should appear side by side, you’ll often want them to be of equal height ( matching the height of the tallest).

The guideline below about the widget mentioned above will get you to walk in the right way.  Besides, I’ll guide you in different phases of how you can insert & use the widgets to design layout for the content (text, image, and video, etc.) you want to work with and style as well.


For the equal height of the columns of the content, you have to mainly work with the Advanced tab. But firstly, you need to make columns as your requirement through Add New Section.

Go to Icon box (under Content tab) > Title & Description > and set title and description respectively. You can also use other controls such as Icon Type (icon/ image).

If you have to get content with equal height, you have to select the entire section. Then go to Advanced > Equal Height to Enable Equal Height and activate the Yes/ No switcher button.

One more thing, most importantly you’ll find some options under Equal Height For such as Columns, Widgets > Child, Widgets > Child > Child, Widgets > Child > Child > Child, and Custom Selector. Using these options, you’ll be able to have equal height of the same content element like title, icon, etc.

Finally, to see the output, simply hit the Update button and check the preview clicking on the eye icon.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

Up to 50% OFF

Missed The Black Friday offer this year? Get up for flat 50% discount right now.