Resize single product image

  • Resolved persefoni87

    (@persefoni87)


    3 years, 3 months ago

    Hello.
    I would like to change the size of the product images.
    I have tried to change it by Appearance > Customize > WooCommerce > Product Images, but it changes only the category image size.

    You may check here my website for example https://www.chronografiki.gr/product/digi-sm-100-pcs-plus/

    The main product photo is too big.
    So is there any solution? By CSS for example?

    I am using moby child theme, if it is nessesary.
    Thanks,
    Persefoni

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Daniyal Ahmed (a11n)

    (@daniyalahmedk)

    Hi there,

    Thank you for contacting WooCommerce – I’m happy to help.

    I understand that you would like to change the image size on single product page.

    We can do this by using CSS code. Can you please navigate to WordPress Dashboard > Appearance > Customize > Additional CSS and add the following CSS code:

    .woocommerce.single-product #content div.product div.images,
.woocommerce.single-product div.product div.images, 
.woocommerce-page.single-product #content div.product div.images, 
.woocommerce-page.single-product div.product div.images {
	max-width: 60%;
	display: block;
	width: 100% !important;
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}

    Let me know how it goes!

    Best,

    Thread Starter persefoni87

    (@persefoni87)

    It works perfect!!! Thank you very much!

    Thanks for the heads up on that.

    Since this thread is tagged as resolved. I recommend creating a new thread if you have any further questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resize single product image’ is closed to new replies.