How can I make the "Add to Cart" button color change when hovering (Dawn Theme)

Store Design
1

My website is: https://www.scriptureandgrace.com/
Is there a way to make the “Add to Cart” button change color when someone hovers over it?

2

@MEKDesign

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product-form__submit:hover {
    background: #2a4653;
    color: #fff;
}
3

Perfect! Works great! Thank you so much for your quick and easy help!

4

Is there a way to do the same thing to the “Buy Now” button?

5

@KetanKumar can you please help me do this for the collection page and the featured collections on the homepage and I am in Dawn 14.0.0. I tried the code you provided here with .quick-add__submit:hover instead of .product-form__submit: hover, which didn’t work.

Thanks!

6

@FloridaGlow

oh sorry for that issue can you please share your store url and issue image or video so i will check and give you proper solution