I’m using Supply Theme and the add to cart button is black. How can I change the color?

Hi, @J8hn , This is Evita from On The Map. Do you mean add to cart button in product details? You can try adding this code: Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file .btn--add-to-cart { background: gold; border: none; color: white; …

Hey there, I am currently having the same issue, where i can not change the color of the “add to cart” button in the product details page. I have tried this solution and a variety of others that i have come across. But nothing has worked. Any suggestions? Best, Design Oddball

@designoddball What’s the URL of your website so we can see the CSS?

The URL is - https://designoddball.com/products/tune-out

Forgot to ask if there is a way to change the text and border colors of the “add to cart” button as well?

OK try changing the CSS you’ve added to this: .btn--add-to-cart { background: gold !important; border: none !important; color: white !important; }

Jon It appears to have worked. Thank you DO

No problem. Did you work out how to get the borders the way you want or are you happy without any?

The best way to change colors of any element such as the add to cart button, is to inspect the element. I recommend watching a video on dev tools. Chrome is my favorite one to use. On the right there are css styles. You’ll find something like background color: red; change it to what ever you’d like. …

Thanks Évita . It worked for me :slightly_smiling_face:

@JonWright I am having the same issue and tried everything here. I am on the broadcast theme and the add to cart botton is invisible until you hover over it. I would prefer for it to be a black button. I tried all the recommendations and they are not working for me. This message is in the theme SC…

How can I alter the 'Add To Cart' button color in Supply Theme?

Store Design

JonWright November 17, 2021, 9:59am 13

@ShopZoeyGrace from looking at your site it seems you’ve solved this one.

Topic		Replies	Views
How to change color of add to cart button? Store Design	10	99	December 31, 2021
How do I make this add to cart button the theme color? Store Design	4	39	February 14, 2022
How can I alter the color of the 'Add to Cart' button in store design? Store Design cart-page	2	41	April 13, 2023
I am unable to change color of add to cart button at my shopify store Store Design product-page	2	41	October 20, 2023
I need to change the "add to cart" background and/or text color on my product page Store Design design , shopify-themes , troubleshooting	3	59	November 8, 2022

How can I alter the 'Add To Cart' button color in Supply Theme?

Related topics