Background overlay transition

Hello,

This will work

.xoo-wsc-opac {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
    
}

• This reply was modified 1 year, 5 months ago by xootix.
• This reply was modified 1 year, 5 months ago by xootix.
• This reply was modified 1 year, 5 months ago by xootix.

Hello,

I tried but it works only on fade-in

see here (cart widget on top right): https://new.sptm.it/product/burton-m-custom-flying-v-snowboard/

Might be because I changed the background color?

Hello,

I’ve updated the plugin and the overlay transition comes by default.
There is no need to add extra code.

With the last update the overlay has a questionable “slide-up” transition. How to make it just for opacity?

Thank you

The update targeted only for opacity. There is no slide up intended.
Please try removing your custom code and if still doesn’t work like here
https://demo.xootix.com/side-cart-for-woocommerce/
remove the maintenance mode here so I can check
?https://new.sptm.it/product/burton-m-custom-flying-v-snowboard/

Oh I see, I still had CSS for the previous version. Now I just added:

.xoo-wsc-opac {
background-color: rgba(192,192,192,.6);
}

By the way is there a way to change the cart icon in the drawer? i selected the cart icon for the menu but it still shows the bag in the drawer.

Thanks

• This reply was modified 1 year, 5 months ago by artemis21.
• This reply was modified 1 year, 5 months ago by artemis21.