Change ajax animation

[Borislav_VD]

I wish to change the ajax animation i am using this css but it does not work .

[thai]

Hi There,

I’ve just tried with this custom CSS:

.x-cart-notification.added:before {
    background-color: #1fddd7;
}
.x-cart-notification-icon.added {
    color: #871fad
}

And it’s working fine on my end.

Could you please provide us with your admin account so we can take a closer look?

Thanks.

[Borislav_VD]

sure here you have

[christian]

Hey @Borislav.VD,

The Global CSS has more priority than the Customizer’s CSS. The add to cart icon’s CSS is part of the generated CSS along with the Global CSS. You’ve added your CSS in the Customizer that is why it does not work. I’ve added the code @thai posted and it worked.

Hope that helps.

[Borislav_VD]

Ok @Christian ! Great , so which is the difference between the pro css global and the customizer ? i mean when i must add the code into the customizer and when into the global css ( where you have used this css code ) ? thanks

[thai]

@Borislav.VD

i mean when i must add the code into the customizer and when into the global css ( where you have used this css code )

Hi There,

All your custom CSS should be put under Theme Options > CSS(Global CSS). Put all the custom CSS in one place is more convenient for management.

Regards!