Woocommerce?

The plugin should, in theory, work with any elements on your page. You simply need to identify the correct selector for those elements. If you point us to a page you’re working with, we might be able to help you identify the correct selectors.

Thanks for your reply. I hope i can use it in more than one webshop. One example is https://shop.salonellendekoning.com/. I installed the plugin, set a breakpoint of 480 (meaning 1 column on mobile portrait, 3 columns on mobile landscape and bigger viewports, right?), but the selectors is difficult.. i have

main.tm-content .tm-noblog .tm-content

for now but obviously that doesn’t work. Thanks for your help!

Hello Diane,

I’ve taken a look at your page but I can’t tell which elements you are trying to equalize the heights of. Which elements are you trying to target?

One way you can test whether you have the right selector is to open your browser console (right click, inspect element, console tab in Chrome) and type this:

jQuery( '.your-custom-selector' )

Of course replace ‘your-custom-selector’ with your selector. This will return the elements on the page that match the selector, allowing you to test your selector and try different selectors until you find the right one. Once it returns only the elements you want you’ll know that the selector should work.

I hope this information helps. If you tell us the specific elements you want to equalize the heights of we can recommend a selector for you to try.

Thanks! I am trying to equalize the product boxes of the shop. Because some products have short names and some have long names, the ‘in shopping cart buttons’ (‘in winkelmand’) are not aligned on the same height. I did what you said and the closest i get is .products. Inside this class i see li classes but they all have a unique post number….

If I understand correctly, then you are trying to equalize the heights of the product boxes on https://shop.salonellendekoning.com/, correct? If so, there are two things you’ll need to change. . .

1. The selector you want is .type-product, or .product – either one should work. If you’re trying to target each product box, then a quick inspection of the source reveals the markup of each product box looks something like:
<li class="post-357 product type-product ...">

So your selector can be any of the classes that are shared across all products, the simplest of which I’ve listed above.

2. Equalizing the heights of these containers won’t actually change the appearance of anything, because there’s no background color to the product boxes. What you’d need to do is absolutely position the button within each box to be bottom aligned, which will require some custom CSS outside the scope of this plugin. That’d give you the effect you’re looking for I think.

Ok, thank you. That’s what I did in other shops actually, set the height with CSS to a fixed size in px, but I thought that was not the most decent solution ??
Anyway, thank you for your swift replies and efforts, kudos!