Change Woocommerce "Green tick" background color

Support
#1

Hi guys,

Client has requested I changed the green “tick” that appears when you add something to cart.
Could you please help me out with the CSS?

http://35.239.190.254/shop/

Thanks,
Chris

#2

Hi Chis,

Thanks for reaching out.

You can change its color in Theme Options > Woocommerce > AJAX ADD TO CART.

Hope this helps :slight_smile:

#3

Hey there thanks for the suggestion but it doesn’t work sadly. Tried that earlier!

#4

Hey Chris,

Our apologies for the confusion. You can only change the background color of the loading notification message through the Theme Options.

If you want to change the background of the success icon, you will have to change it through custom CSS. Please add this code in X > Theme Options > CSS:

.x-cart-notification.added:before {
    background-color: #46a546 !important;
}

Please change #46a546 in the code above to the background color you want to use.

Hope this helps.

#5

That’s perfect thank you! :slight_smile:

#6

Glad we were able to help :slight_smile:

#7

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