This topic has 6 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler
Hi Everyone,
Currently we are working on this webshop. However, but we experience a difficulty in getting our pictures right in the catalog area. Every picture has a different size. We tried to rescale them to a square but this did not worked out. Does someone have an idea how to fix it so every product is well aligned.
Hello,
I would recommend you to edit images before uploading them to your media, for example https://gyazo.com/e72cb160a45d26155d875411d35527d3
In case you can’t do this then you may disable crop and use custom CSS to limit product image height
.content-product .product-content-image img {
max-height: 200px;
width: auto;
}
But the first way is the better.
Regards
Thank you this somewhat worked. Is there a way to align the text under the pictures? This seems to cause to difference in alignment. Since some pictures are lower than others I thought if I could align the text next to each other might solve it too.
Hello,
Try to add the next custom CSS code:
.content-product .product-title a {
min-height: 47px;
}
Regards
Thank you for the quick respons. However this does not align them. Please see the link which I have included. Looking for a way to just simplly align all the ‘add to shopping cart buttons’
Try to change “Product Title Chars Limit” in Theme Options > WooCommerce (Shop) > Shop > Product style.
Regards
You must be logged in to reply to this topic.Log in/Sign up