Add to cart button animation circle background

Support
#1

Hi there,

When I click on the add to cart button the animation background circle is not green when it is a checkmark:

Watch this: https://youtu.be/RWkypoUjpcg

How can I fix this?

I believe that this is an “x-cart-notification” CSS issue.

#2

Hello Katarina,

Thanks for writing to us.

You can use this custom CSS code under Theme Option CSS.

.x-cart-notification.added:before {
    background-color: #03c53f !important;
}
.x-cart-notification-icon.added {
    color: #ffffff !important
}

Please feel free to change the color code as per your design.The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

1 Like
#3

Thank you so much!!

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.