Shopify themes, liquid, logos, and UX
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!
I've taken over the admin for this site (https://www.verygoodbutchers.com/) and I am trying to figure out how to change the "add to cart" button's color. I cannot seem to find the theme.scss folder. Is it possible it was replaced or removed? How can I change the color if this folder is not present?
User | RANK |
---|---|
176 | |
157 | |
83 | |
31 | |
30 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023