Product gallery shaddow

How can I add a shaddow like right example to my gallery on the left side.

Hello,

There is no theme settings available to add shadow to the product gallery images. But you can try the below custom CSS to display a shadow on the main image of product.
Add this code to the Theme Settings > Custom CSS >> Global.

.woocommerce-product-gallery__image {  
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 8px 2px;
    margin:20px;
}

For Clarification see the screenshot: http://prntscr.com/m9f58t

For the gallery images thumbnail shadow you can use the below CSS code at your own risk. Because even if you have less than four gallery thumbnails then also the shadow displays around the area:

.woocommerce-product-gallery .thumbnails.thumbnails-ready{
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 8px 2px;
}

Result: https://ibb.co/s6zzzjy

Best Regards.

Thanks a lot exactly what I needed

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts