Home Forums WoodMart support forum Box Shadow not working since last theme update

Box Shadow not working since last theme update

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #447024

    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?

    #447054

    Artem Temos
    Keymaster

    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

    #447070

    That worked!
    Thank you very much.

    #447078

    Artem Temos
    Keymaster

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

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Box Shadow not working since last theme update’ is closed to new replies.