[Resolved] Shadow in product image

[Roger]

Hi,

Two issues

1. How to add a shadow behind the product image (I’m referring to the image on the product page)

2. How to decrease the dimensions of the image on the product page?

Thanks!

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Roger]

Ok!

[David]

Hi there,

1. try adding this CSS:

.woocommerce #content div.product div.images {
  box-shadow: 0 2px 8px 3px rgba(0,0,0,0.25);
}

2. Go to Customizer > Layout > Woocommerce –> Single and adjust the Product Image Area Width

[Roger]

worked perfectly!

Thank you David.

[David]

Glad to hear that!

[Roger]

worked perfectly David

Thank you!

[Author]

Posts