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

Technical Q&A
,
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 :disappointed_face: - 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;}

1 Like
2

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;
}
3

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!