Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Widget Equal Height

How to Use Widget Equal Height

As you can see in the title, this doc is about the Widget Equal Height feature provided by Element Pack. You’ll get an idea of what is the documentation about. Most of the time, we are to go through the trouble of adjusting the equal height of the Widget or Column. A solution of one click is here. I’ll write about the solution below.

Note: Now, you can get equal height in terms of all of the widgets. For that, you should select the whole section and then go to the Advanced Tab > Equal Height.

Let’s dig in.

Widget Inserting and Equal Height by Element Pack

Here, I’ll insert a price table widget so that I can explain the whole thing about the horizontal align. I’ll do all these things in bullets points. So, let’s start.

configuring the Widget Equal Height
See the Price Tables are not equal.
  • First of all, insert any widget( for example, Price Table widget) that require widget equal height.
  • Secondly, select the section hitting the edit section. After that, go to the Advanced Tab > Equal Height.
  • From the Equal Height section under the Advanced tab, you will find a switcher button named Enable Equal Height. Just, enable the button.
  • You can determine what things you want to bring under equal height. Simply click on the dropdown arrow from the Equal Height For and select any option.
widgetEqualHeight 2 - BdThemes
See the Equal Height Price Table.

If you do all these things, you’re all set for the Elementor widget align. Look at image above.

Equal Height: Equal Height For

eualHeightFor 2 - BdThemes

Equal Height For option will allow you to select what element you want to do equal height. See widget has held some contents that are in the individual div and the. In terms of that, you have to work with the widget and its child.

Note: If you want to use the Equal Height option, you will not be able to use that for multiple contents. For that, you can use the Custom Selector field.

eualHeightFor - BdThemes

As for example, I want to do equal height for the features list. This time widget and its child will not be perfect. So, you’ve to go for the Custom selector.

The custom selector will let you do equal height in accordance with the class name.

widgetEqualHeight 3 - BdThemes

To select the class name, you’ve to go to the page > inspect > then select and copy the class name > finally paste in the Custom Selector field. See the image example below.

widgetEqualHeight 4 - BdThemes

Note: I want you to share a thought. Whatever changes you do in the editor panel. No matter. Hit the preview changes and see the output.


Video Assist

Finally, if you read this doc, you can see how to use equal height. Hopefully, you are clear that two things work for equal height.

  • Widget and its child
  • Custom Selector and Class Name.

In case, you feel you need more support, you can watch the video inserted above. Also, you can see this demo page provided by Bdthemes.

Thanks a lot.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.