How do I change the colour of "Add to Cart" buttons on my collection and product pages?

13 0 4

Hi! I would like to find a way to change the colour of the "Add to Cart" buttons on my collections and product pages. Ideally, I would be able to select whichever colour I want. The best colour would be #FFDF5B.


The only way I can do it in the theme settings means that other aspects of my website change, which I don't want. 


Here is a link to my store:

If anyone could help that would be fantastic! 🙂

Replies 2 (2)
13 0 4

Unfortunately that doesn't seem to work 😞

Shopify Partner
165 42 47

Hello @Theo_Bee 



Please follow the steps below after logging into the admin:

  • Go to Online Store -> Themes -> Actions -> Edit code.
  • Go to Assets folder -> base.css
  • Add the following CSS at the bottom:


   background-color: #FFDF5B;


Please hit Like and Mark it as a Solution if you find our reply helpful.

Thank You,

WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Hire Us | Call Us 877.536.3789

Location: 150 King St. W. Toronto, ON M5H 1J9