How can I change the color of my 'Add to Cart' button?

How can I change the color of my 'Add to Cart' button?

BetweenTwoSeas
Visitor
3 0 1

Hi All,

 

I have been trying to change the colour of the 'Add To Cart' button on my store, but just can't seem to get this to work. I have tried the below code drops, but neither are working 😞 - any help would be greatly appreciated!

 

.add-to-cart {
  background-color: #000000;
  color: #ffffff;
}

and

.payment-buttons .add-to-cart {background: #000 !important;color: #fff !important;}

Replies 2 (2)

ZestardTech
Shopify Partner
6096 1091 1465

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:

.payment-buttons .add-to-cart {
background-color: #000;
color: #fff;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
BetweenTwoSeas
Visitor
3 0 1

Hello,

 

 

Thank you very much for your suggestion, but this is still not working for me.

 

I have tried to enter the Hex codes for my desired colour, but the 'Add To Cart' button remains the same...

 

Are there any other options?

 

Thanks!