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

Theo_Bee
Excursionist
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: https://nuvocollection.com/collections/all-products-1

If anyone could help that would be fantastic! 🙂

Replies 2 (2)
Theo_Bee
Excursionist
13 0 4

Unfortunately that doesn't seem to work 😞

WebDeskSolution
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:

 

button.quick-add__submit
{
   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