[Resolved] Color CSS for Add to Cart Button Hover and Has Been Added to Cart

[elsa]

Hi,
I need to give different color for add to cart button when being hovered and has been added to cart notification for specific product. I have install the CSS plugin per page but I don’t know the code.

[Leo]

Hi there,

Check Customizer > Colors > WooCommerce.

[elsa]

Hi Leo,
Yes I’m aware, but I need custom color for specific page that is different from other page.

[Leo]

For buttons or the message?

Can you link me to it?

[elsa]

Hi Leo,
For both. So for this link,

https://spruceupspace.com/product/bunny-led-lamp-2-sizes/

I want to change the button color when I hover over it (only on this page).

Then change the notification message color after I click Add to Cart Button (change color only on this page).

Thanks.

[Leo]

Try this in the CSS metabox of that page:

.woocommerce button.button.alt:hover {
    color: #000;
    background-color: #fff;
}
.woocommerce-message {
    background-color: #fff;
    color: #000;
}

[elsa]

It’s working, thanks!

[Leo]

No problem!

[Author]

Posts