The add to cart button is default White with a black border and black text.
I would like to change it to BLACK with white text.
How can I do that in the code?
Thank you!
Topic summary
Main Issue:
Users want to customize the “Add to Cart” button color in Shopify’s Dawn theme, specifically changing it from white with black border/text to black with white text.
Primary Solution:
Multiple contributors recommend adding CSS code to assets/base.css:
.product-form__submit {
background: #000000 !important;
color: #ffffff !important;
}
Additional Challenges:
- Border color changes: Several users report difficulty changing the button’s border color, even after applying the main solution. One user suggests using
.button--secondaryselector withborder-colorproperty for featured collections. - Buy Now button: Multiple users ask how to apply similar styling to the “Buy Now” button, with some reporting issues where the button turns completely black without visible text.
- Mobile compatibility: One user notes the solution only works on desktop.
- Hover states: Users struggle with changing border colors on hover for payment buttons.
Status:
The basic color change solution works for many users, but border customization and Buy Now button styling remain partially unresolved. One user references an alternative discussion thread with a working solution.
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Site url:
hello @JHanson
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.product-form__submit {
background: #000000 !important;
color: #ffffff !important;
}
16 Likes
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.product-form__submit {
background: #000000 !important;
color: #ffffff !important;
}
Thanks!
hi friend, do you know how to change cart icon style on dawn theme? Thank you
1 Like
yes please share the store url and what do you need?
hi dear, I currently have no active stores, but I wanted to know if you knew how to change the style of the icon of the new shopify dawn theme , I do not like the icon of the cart that is there now and I would like to replace it with another style, the classic one with the cart or other is fine too
this is brilliant and worked so well. any chance you have similar advice for the Buy Now button?
1 Like
can you please share store url
Thank You. It is work. But ı can not change border color I use dawn thema. My add to cart button border color did not changed. How ı resolve this problem? It is be black how remove or change to white color?
sorry where is your store url?
I did it!! Thank you!!
Hi, how do you change the border color of add to cart button? I have followed all the steps, and it works for me but only the border color doesn’t change. Just like you.
1 Like
can you please share store url
Change The Color Of The Add To Cart Button for Featured collection
This code works
Assets —> base.css
.button–secondary {
background: #000000 !important;
color: #FFFFFF !important;
border-color: #FFFFFF;
}
This is my website: https://www.josydesigns.com/
1 Like
Thank you very much
Hello!
This seems to work for me. Is there also a solution for the buy now button? 
