Box Shadow not working since last theme update

Hello,
I have many elements where I have applied a box shadow – the custom CSS I have applied is the following:

.category-image-wrapp img {
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.product-image-link img {
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.product-element-top.wd-quick-shop {
box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
!important: ;
border-radius: 10px;
}

.product_list_widget>li .widget-product-img img {
border-radius: 10px;
box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

a.product-thumbnail > a > img{
border-radius: 10px;
box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
td.product-thumbnail img {
border-radius: 10px;
box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
div.category-image-wrapp > a > img {
border-radius: 20px;
box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

Since I have updated my theme yesterday the box shadow is not working anymore. My staging site has the not-updated version and same custom CSS and everything works well there. Please see the difference on the products thumbnail of a catalog page:
– https://www.onlinegarden.it/categoria/aromatiche/ (shadows not working)
– https://staging.onlinegarden.it/categoria/aromatiche/ (shadows working)

What can be the problem?

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .product-element-top {
	-webkit-mask-image: unset;
}

Kind Regards

That worked!
Thank you very much.

Great, you are welcome! Feel free to contact us if you have any further questions.

[Author]

Posts