masonry grid on woo commerce pages?
-
Hello,
I am not sure if you can hep or not.
On the pages below, I have a woo commerce grid, that appears to be using a masonry layout.
I want all of the boxes to be of the same height. Can you tell me how to make that happen?We’d like the image, title, and prices all to line up horizontally.
I think I understand why it is happening, because some have swatches and some do not.
Can you tell me how to make the boxes all the same height?
https://youngfreshandshameless.com/women/
https://youngfreshandshameless.com/men/
https://youngfreshandshameless.com/accent/Thank you for your time.
-
There is a WordPress plugin for accomplishing what you are looking for. Although I never used it but you can give it a try. It is compatible up to version 4.7.2.
https://www.ads-software.com/plugins/equal-height-columns/
Another option is to use for some CSS and JavaScript help.
You may clear your browser cache before you reload your page to see the effect.Following links may help you understand how it works:
https://codepen.io/micahgodbolt/pen/FgqLc
https://css-tricks.com/snippets/jquery/equalize-heights-of-divs/
https://stackoverflow.com/questions/11688250/setting-equal-heights-for-divs-with-jqueryAnd here is a jQuery plugin:
https://gist.github.com/Melindrea/5402738Hope this gives you some lights!
- The topic ‘masonry grid on woo commerce pages?’ is closed to new replies.
