Hi!
My client wants her product’s images on 2 columns in the boutique page, but the images are getting way too big! I tried to change the size in the woocommerce costomization section, but the image loose definition but stay the same size. Then if I try some css, when I get the image smaller, I can’t keep it centered. Can you help?
Thanks!
Hey Genevieve,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .products.columns-2 .thumbnail_container img {
width: 70%;
margin: 0 auto;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria! It works perfectly!
And now, how can I have them on 2 columns on mobile phone?
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.template-shop .products .product {
width: 50%;
}
}
Best regards,
Rikard
Hi Rikard! This is not working, it stays on one colomn on mobile…
Hi metamorfic,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #main .products .product {
width: 50%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria! It’s perfect!!
Hi metamorfic,
We’re glad to hear that :)
Let us know if you need further assistance.
Best regards,
Nikko