Change Hover Color in buttons (woocommerce)

Illdy
1

How to change the hover color on the button “Adicionar” or “add to cart” in the product page, and also in the “cart page”??

Product example: https://anaflor.pt/produto/daloe-creme-de-rosto-hidratante-para-pele-seca-e-sensivel/

Cart Page: https://anaflor.pt/loja/carrinho/ (only available if you add something to the cart)

Thanks in advance

2

Hey there,
I hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/*change product add to cart button color*/
.woocommerce div.product form.cart .button{
  background-color:yellow;
  color:blue;
}
/*change product add to cart button color hover*/
.woocommerce div.product form.cart .button:hover{
  background-color:blue;
  color:yellow;
}
/*When Prodcut is added*/
.woocommerce .product .add_to_cart_button.button {
    background-color: blue;
    color: yellow;
}
.woocommerce .product .add_to_cart_button.button:hover {
    background-color: yellow;
    color: blue;
}

Best Regards,
Support

3

thanks, worked perfectly

4

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support