[Resolved] Too big images in Woocommerce

[Ivan]

Good afternoon, the images of Wooccomerce products, I appreciate very large, occupy almost the entire screen and do not allow to change their size, put the size that you put only change the quality but not the size.

How can I solve this?

[Tom]

Hi there,

Try adding this CSS:

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    width: 38%;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    width: 58%;
}

Let me know 🙂

[Ivan]

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
width: 38%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 58%;
}

[Ivan]

Good afternoon, thank you very much for answering me, I have tried installing the simple css plugins and include the code that you passed me, but still does not solve the problem, the images occupy the entire length of the page of the article.

What I can do?.

[Leo]

Looks like the code is working to me:
https://www.screencast.com/t/GyKYXpIOCEkh

Is this not what you are seeing?

[Ivan]

Good morning, the image is still looking as big, is there no way to change its size ?.

Is that because I modify the values does not vary.

[Ivan]

Hello, sorry again, it seems that it is working properly, it seems that you had to “regenerate the images” now so that the images have been reduced.

Thank you very much for your help, I have definitely done the right thing by buying this template.

[Leo]

No problem 🙂

[Author]

Posts