How to change the color of the "add to cart" button, when the dynamic button is enabled?

Store Design
1

How can you change the color of the “Add to Cart” button, when the dynamic checkout button is enabled on the product pages?

2

@Jkwilson83 - it needs css, can you please share your page link?

3

https://everydayoutdoors.com/collections/gun-metal-barrel-band/products/copy-of-gunmetal-silver-platinum-5mm

4

@Jkwilson83 - what color do you want? want to change text color or background color?

5

Just the background color.

I want the color to be #8c8a7a

6

@Jkwilson83 - please add this css to the end of your theme.css file and check , will be like screenshot

.add-to-cart.btn--secondary {background-color: #8c8a7a;}

suyash1_0-1640883515892.png
suyash1_0-1640883515892.png1366×768 187 KB

7

I copied and pasted the code in my theme.css.liquid in my “Assets” folder and I don’t see a change. I am currently using the 2.0 Impulse theme, does that make a difference?

8

@Jkwilson83 - i checked the code, you have written correctly but please check again, you need to put bracket ( } ) for css above it , right now it is

.template-giftcard .logo{
    color:#58686f;
  
.add-to-cart.btn--secondary {background-color: #8c8a7a;}

this should be

.template-giftcard .logo{color:#58686f;}
  
.add-to-cart.btn--secondary {background-color: #8c8a7a;}
9

Thank you so much!!!