Changing all button color and text color on hover

Store Design
,
1

Looking to add the hover effect to all of my buttons to change the background color to #d2a96a and the text color to #fff4eb. I had success changing the product “Add to Cart” button color with this code:

button.product-form__submit.button.button--full-width.button--secondary:hover {background:#d2a96a  !important;}

but I have had no success adapting the code to also change text color as well as changing any of my other buttons (namely the buttons on the home page and the contact us page). Is there a single line of code I could use to add this effect to all buttons? I’m working in the Dawn theme.
URL: https://6af6dc-42.myshopify.com/

Password: neimpu

Thanks in advance!

2

@GLL2024 , try this one

button:hover, .button:hover {background:#d2a96a!important;}
3

This worked perfectly, and I was able to change the text color as well by replacing “background” with “color”. Thank you!

1 Like