Don’t use mixed image heights. Use the exact same sizes. 2080 x 2080 is always best resolution and check your theme’s size settings. Adjust those accordingly.
This is my finding on this case:
The source of the problem comes with the Theme. the way they did it is to declare each product on the position of absolute, then build the tables using top and left.
This is not in the CSS but directly in the HTML of the page, each div have the style declared in such fashion that the first 3 are like this:
style=”position: absolute; left: 0px; top: 0px;”
style=”position: absolute; left: 413px; top: 0px;”
style=”position: absolute; left: 826px; top: 0px;”
And this way they set up the left center and right… the second line will have the same order of numbers for LEFT and just change the TOP… now the top number seems to be generated but you can see how it goes from there…
You will need to mod the theme to set a fix number for the incremental TOP… probably need to contact the theme creator.
The template uses the generated thumbnail size 300px by 300px… so I don’t have much hopes that Stef tip will help you fix this.
In another note… I am so annoyed by this way they do tis, it looks just backwards, not much responsive, and probably buggy… I would be shopping for different theme if I was you.
Hi @kjergaardgraphic,
I checked the category page you’ve linked to and all images seem to be of equal height. What’s not equal are titles and descriptions under each product – some product titles take 2 lines, some descriptions only take 1:
Screenshot: https://cld.wthms.co/WLV5ws
This wouldn’t normally be a problem with core WooCommerce as products are normally arranged in rows and aligned to the top of the current row. Here they seem to be not aligned by design – there’s an additional script in theme code that makes the products fill in all empty space. If you resize your browser window with the category page opened, you’ll see this custom script in action.
If you’d rather have your products aligned in neat rows instead of reordered dynamically, I’d recommend to get this checked with the theme authors. Perhaps there’s an option in theme settings to disable this script.
Cheers!
con
(@conschneider)
Engineer
Hi there,
We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
Kind regards,
