Making equal height columns with matchHeight plugin

Sometimes we need create equal height columns, but all not enough with css only. The following tutorial will help you. With the matchHeight plugin, you can easily create or fix equal height columns.

Install the plugin

In order to install plugin, simply go to Plugins -> Add New and search for matchHeight

Select Install Now button, then click on Activate to get the plugin ready for use.

Configure the plugin

First, you need to find the selector. Right click on your website and select Inspect. The Web Inspector will appear in the bottom of your screen.

In my example, the selector is needed to add height style is .content-product

When you’re ready, go to Settings -> matchHeight and then enter selector in Add Element Selectors field.

Click Update and reload your page.

Final thoughts

I hope this article can help you to make easy equal height for columns. Have you ever used matchHeight?  I would love to hear all about it in the comments below!

3 thoughts on “Making equal height columns with matchHeight plugin

Leave a Reply

Your email address will not be published. Required fields are marked *