Product image size in product page

Hi,

i have problems in the resize of the image in the product page.
the image is in full width in the content section and i would a smaller image. i think 350 px width should be ok, but i cannot find any solution.

i’ve tried to use the woocommerce options of the image size but it seems not work.

please, can someone help me?

many thanks to all for the support,
sergio

Hi,

Please post a link to your website, to the page where you have this issue, so I can check.

Best Regards,
Csaba

Hi, thanks for the reply and sorry for the delay.

here my website: http://www.condom-sexcorner.it/shop/preservativi-durex-fragola-sfusi/

this is condom/lube shop, i hope this is ok to post this link…

as you can see the image is very big and i cannot find how to reduce it.

many thanks,
sergio

Hi,

You can make that image smaller with this Custom CSS:

.woocommerce div.product div.images img {
    max-width: 300px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

WOW Csaba!

it’s fantastic! and many thanks also for the plugin.

i ask you another thing if possible:
how can i place the title, price, quantity and the first data of the product near the picture?

i mean: on the left the picture, on the right the details, below the full description.

many thanks for your help!!

Hi,

Great! You’re most welcome!

The image area is coded at the top, modifying the layout may need some code customisations, that can’t be done with Custom CSS, so you may need basic/good coding knowledge to do that.

If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba