Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
I'm using Supply Theme and the add to cart button is black. How can I change the color?
Solved! Go to the solution
This is an accepted solution.
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:
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.btn--add-to-cart { background: gold; border: none; color: white; }
You can play with colors as you like.
Best,
Evita
This is an accepted solution.
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:
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.btn--add-to-cart { background: gold; border: none; color: white; }
You can play with colors as you like.
Best,
Evita
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
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
@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 SCSS liquid.
*============================================================================
Broadcast | Built with Slate
- You cannot use native CSS/Sass @imports in this file without a build script
Here a link to preview the product page and "hidden" add to cart and Apple Pay buttons.
https://shopzoeygrace.com/collections/zoey-grace-tees-tanks/products/faithful?variant=35675912568991
Thank you in advance for your help!
User | RANK |
---|---|
155 | |
96 | |
65 | |
58 | |
49 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By