I mean how do I change the color of the text in this button continue shopping button to white.
Topic summary
A user wants to change the text color of the “Continue Shopping” button to white in their Dawn theme cart page.
Solution Provided:
- Navigate to Online Store → Themes → Actions → Edit code
- Open Assets folder → base.css file
- Add CSS code:
.cart__warnings a.button { color: #fff; }
Follow-up Issue:
Another user implemented a modified solution targeting the button’s background color using media queries for mobile and desktop views. While the changes appear correctly in Shopify’s admin preview and simulated mobile mode, the button remains black on their actual mobile device.
Status: The original question has a working solution, but a related implementation issue with mobile display persistence remains unresolved. The problem may involve browser caching or CSS specificity on actual devices versus preview environments.
1 Like
Hi @KrishC123 ,
This is David at SalesHunterThemes.
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → base.css file.
Add this following code at the bottom of page.
.cart__warnings a.button {
color: #fff;
}
result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
2 Likes
https://raindesignsboutique.com
so i added this to base.css
@media screen and (max-width: 600px) {
.cart__warnings a.button {
background-color: #004687;
}
}
@media screen and (min-width: 990px) {
.cart__warnings a.button {
background-color: #004687;
}
}
on shopify admin customize i see can the button affect is working in both desktop and simulated mobile mode, but on my actual phone the button is still black? anyway to address this?
.cart__warnings a.button {
color: #fff;
}
result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team