This topic has 4 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler
hey there,
i am experiencing the visual problem of different sizes of products within the shop.
Due to different pic-sizes and title-lengths, the products appear on different levels and asymmetric.
Is there a way of create a recommandation to upload pictures only in a certain form and limit the title-lengths?
Or to even compromise all avalaible products on a bigger size, so they will appear again with the same distances?
Thank you for you help.
Hello,
First of all, Customize > Woocommerce > Product Catalog > Products per row.
We would recommend to use graphics editor and prepare product images (make them the same size) before uploading it to your media gallery, then your grid will look much better.
For now, try to add this custom css code in Theme Options > Styling > Custom css:
.content-product .product-content-image {
min-width: 1px;
width: auto;
max-height: 195px;
}
.content-product .product-title {
min-height: 70px;
line-height: 1.3rem;
}
Let me know result.
Regards
Customize > Woocommerce > Product Catalog > Products per row.
worked well to regain symetry.
the custom css code created one default size => good.
but cut a lot pictures to their disadvantage => not good.
will change each picture to one size as recommended.
thank you very much!
You’re welcome!
Also, please check this article from our documentation https://www.8theme.com/documentation/xstore/woocommerce/product-images/
Regards
You must be logged in to reply to this topic.Log in/Sign up