Archived topic

Shadow in product image

6 replies · Started by Roger on January 22, 2021

Viewing posts 1–7 of 7

January 22, 2021 at 1:16 pm #1629796

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!

January 22, 2021 at 5:59 pm #1629936

Hi there,

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

You can use the private information field.

Let me know :)

January 23, 2021 at 3:18 am #1630178

Ok!

January 23, 2021 at 7:28 am #1630489

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

January 23, 2021 at 9:09 am #1630586

worked perfectly!

Thank you David.

January 23, 2021 at 9:09 am #1630587

Glad to hear that!

January 23, 2021 at 9:10 am #1630588

worked perfectly David

Thank you!

This archived topic is closed to new replies.