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

Store Design
,
1

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! :slightly_smiling_face:

2

Unfortunately that doesn’t seem to work :disappointed_face:

3

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.