Archived topic

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

7 replies · Started by elsa on February 16, 2018

Viewing posts 1–8 of 8

February 16, 2018 at 12:00 am #497908

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.

February 16, 2018 at 8:22 am #498259

Hi there,

Check Customizer > Colors > WooCommerce.

February 17, 2018 at 2:26 am #498684

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

February 17, 2018 at 8:44 am #498938

For buttons or the message?

Can you link me to it?

February 18, 2018 at 12:24 am #499327

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.

February 18, 2018 at 6:48 am #499472

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;
}

February 18, 2018 at 9:03 pm #499883

It's working, thanks!

February 18, 2018 at 9:53 pm #499910

No problem!

This archived topic is closed to new replies.

Start building better websites today.