[Resolved] Equal column heights Woocomerce category page

[Marta]

Hi there,
as in topic. Searched the forum and it looks like it should work out of the box. I can’t get it right.
https://silakobiet.pl/sklep/
I have different image sizes and I’d like to have them vertically aligned in the middle and image boxes equal height.

Please advise.

[David]

Hi there,

you can try using some CSS to force them to have a minimum height and center:

.attachment-woocommerce_thumbnail {
    display: block;
    min-height: 300px;
    display: flex;
    align-items: center;
}

But if you can, i would highly recommend that you edit and upload all images using the same size canvas.
This will save you a lot of headaches.

I personally create a Square template in Affinity Photo / Photoshop. And place my images inside that, some images may have extra whitespace but its really worth it.

[Marta]

Thanks David,
I will go with unified image size.
All the best!

[David]

You’re welcome

[Author]

Posts