How can I change the color of the Add to Cart button on Debut Theme?

Store Design
1

Hi everyone,
I’m looking for code to change the add to cart button.

I want the whole button background to be my yellow color and the text white.

URL: https://aps-pet.com/

Thank you!

2

Please put in below code to the last line of your under your style.css

by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. (https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code)

.wrap#products.product .detail .info .cart-controls .link {background: #B6A79F;color: white;}
.wrap#products.product .detail .info .cart-controls .link svg path {stroke: white;}
1 Like
3

Thankyou so much for your help.

I have changed the code, but it didn’t change the button background.

With that code, the font color can be changed, but it can’t for the background.

Screen Shot 2022-08-22 at 13.48.34.png
Screen Shot 2022-08-22 at 13.48.34.png722×944 59.6 KB

4

Thanks, can you please try this one instead?

.wrap#products.product .detail .info .cart-controls .link {background: #B6A79F !important;color: white;}
.wrap#products.product .detail .info .cart-controls .link svg path {stroke: white !important;}
1 Like
5

Thank you very much for your help.

6

Hello @Scnainder ,

Here is the custom code to fix your issue. Add the below-provided code at the end of your custom.css or theme.css file in assets folder.

wrap#products.product .detail .info .cart-controls .link{

background: #ffc900 !important;

color: #fff !important;

}

.wrap#products.product .detail .info .cart-controls .link svg path {

stroke: white;

}

Hope it helps, please let us know if we can be of any help in your Shopify Journey.

All the best,

Team CedCommerce