How can I change the color of my quick add button in the Sense theme?

[chocolatte1234]

Hello I’m using the Sense theme (here’s the link: https://themes.shopify.com/themes/sense/styles/default)

I’m trying to change the color of my quick add button

from this to black background and white text instead. However I got very confused by its code.

Any help would be greatly appreciated!

[LeoEcom]

hello. To change the color of the button, go to the theme code editor / find the base.css file and add at the bottom of this file:

.button.product-form__submit.button.button--full-width.button--secondary {
  background-color: red;
  color: blue;
  }

where “red” is the color of the button. “blue” button text color

[diego_ezfy]

@chocolatte1234 , do this to fix it in 20 seconds:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
3. paste this code right above the tag:

#000 = background color
#fff = text color

The code below “hover colors” are for the colors whenever the button is hovered.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[chocolatte1234]

Edit: I found a solution. I just change the product-form to quick-add. Thanks!

Hi! This works on the “Add to cart” button on the product’s page. However, I believe I’m trying to the change the quick add button that appears in the “featured collection”. Like the “add to cart” below. Any help specific to that add to cart on featured collection would be very helpful! Thank you!

[Mang_Yu]

1. Go to EDIT THEME CODE > Assets > Base.css
2. At the end of the code add:
   .quick-add__submit {
   background: #000000;
   color: #fff;
   }