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!
Thanks for detailed article. Works like a charm.
nice artilce , thank you . keep it up