Add to cart button color

[lobsterass]

Hola!

Sorry for probably a stupid question but with all the latest update of Woo, my add to cart button is black on black. I’ve tried to change this in the Appearance menu and with custom CSS. Please tell me where this black background color comes from?

<3

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart button.add_to_cart_button{
background-color:#59C3C4!important;
}

-Rui

[lobsterass]

Ah! Cool. Worked, Rui. Could you please tell me how ta alter the hover state as well? I did this but it isn’t doing anything for me:

.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
color: #fff!important;
background-color:#0E838C!important;
}

[Rui Guerreiro – SUPPORT]

Try this one

.woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce form.cart button.add_to_cart_button:hover {
color: #fff!important;
background-color: #D00A0A!important;
}

-Rui

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce form.cart button.add_to_cart_button:hover{
background:#0E838C!important;
}

Thanks
Mohammad

[lobsterass]

Hola!

Super duper Rui and Mohammad! Looks awesome now! Thanx!

For everyone who need to change ADD cart button color regular state + hover, here is the final code that works great:

.woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce form.cart button.add_to_cart_button:hover{
background:#0E838C!important;
}
.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart button.add_to_cart_button{
color: #fff!important;
background-color:#59C3C4!important;
}

[Kyle – SUPPORT]

Thanks 🙂