- 
		AuthorPosts
 - 
		
			
				
October 29, 2020 at 6:24 pm #1256850
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!
October 30, 2020 at 7:52 pm #1257124Hey 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- 
		This reply was modified 5 years ago by 
Victoria.
 
October 30, 2020 at 8:57 pm #1257147Thanks Victoria! It works perfectly!
And now, how can I have them on 2 columns on mobile phone?November 1, 2020 at 10:02 am #1257430Hi,
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,
RikardNovember 1, 2020 at 6:02 pm #1257464Hi Rikard! This is not working, it stays on one colomn on mobile…
November 2, 2020 at 10:12 pm #1257723Hi 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,
VictoriaNovember 3, 2020 at 4:04 pm #1258043Thanks Victoria! It’s perfect!!
November 4, 2020 at 5:16 pm #1258344Hi metamorfic,
We’re glad to hear that :)
Let us know if you need further assistance.Best regards,
Nikko - 
		This reply was modified 5 years ago by 
 - 
		AuthorPosts
 
- You must be logged in to reply to this topic.
 
