Equal Height

< All Topics

Using this option, You can set up equal height for your listing loops as well as with your standard widgets.

This can be expanded to long to equal the height of any same widgets by tracking their div structure or their common CSS class.

Pro tip
Why not set the equal height of your listing loops or a particular widget using this feature. You just need to enable the Equal Height Settings of that particular widget and adding the CSS class.

How to use the Equal Height for Elementor Widget of The Plus Addons For Elementor

The Equal Height for Elementor is used to setup equal height for any of the Elementor widgets based on the setting you set.

Table Of Contents

General Steps

You don’t need to add a widget separately to use this feature. You just need to select the column or section you want to set up equal height for and then Open the Advanced Tab then scroll down to the Plus Extras: Equal Height and enable the Equal Height settings as shown in the video below. (You can use it similarly for all other widgets.)

How to use Equal Height for different widgets.

Once you have enabled the Equal Height then you will see more options as listed below. You can use these settings to set a custom global tooltip for the selected widget. For example, you can add a tooltip for a particular widget then you have to need to enable and set the settings for the same. We have given a demo in the video below for how you can edit the Global tooltip options.

For the full demo check out the official video of Global Tooltip on Youtube, we have provided the link at the start of the article. Once you have set the rules and other settings update the page and you’re done.

Plus Extras: Equal Height

Equal Height

Slide to enable equal height for a particular widget.

Mode Based on

You will get two options here.
1. Div Level – If you Select this option then you need to enter the Div class to set up equal height.
2. Unique Class – If you Select this option then you need to enter the Unique class to set up equal height.

Select Nested Level

Select the div class of the item you want to select as the nested level.

Select Sub Nested Level

Select the div class of the item you want to select as the sub Nested level.

Enter Unique Class

Select the div class of the item you want to select as Unique.

Select nested level for Equal Height

Do you want to rate this article?
0.5 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 100%
How can we improve this article?
Need help?