Archived topic
Equal column heights Woocomerce category page
3 replies · Started by Marta on November 8, 2022
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.
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.
Thanks David,
I will go with unified image size.
All the best!
You're welcome