Hello @mark7694,
This plugin takes a selector that matches multiple elements, finds the tallest among them, and then sets the height of all the matching elements to the height of the tallest. The selector you specify must match multiple elements in order for there to be a proper collection to equalize the heights across.
I can tell by the class name .wpb-column that you might be using Visual Composer? If so, the markup structure used by Visual Composer rows/columns is very nested and it can be difficult to put the right class on the right element.
A quick trick is (in Chrome) to right click, inspect element (opens the Chrome devtools), click to the console tab, and type:
jQuery( '.your-custom-selector' )
Replace .your-custom-selector
with whatever selector you want to use. This little bit of code will return all elements that match the selector, allowing you to confirm which elements are matching.
You should only see elements match that you want to all have equal heights. If more elements than the ones you want are matching, you need to use a more specific selector. You can scope your selector by, for example, adding a class to a Visual Composer row, then adding a class to the Visual Composer columns inside that row, resulting in a selector like .row-class .column-class
. You’ll know you’ve got the right selector if when you type jQuery( '.your-custom-selector' )
into the console, you see the right elements matching.
If the page you’re working on is live somewhere and you can share the URL, I can take a look and recommend the right selector to use. This plugin itself is very simple and any CSS/jQuery selector will work, so it all comes down to using the right selector to match only the elements you want the plugin to affect.