How can I change the text color to white on my website's buttons only?
Hey @Vince111,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a.button.button--primary {
color: #fff !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
@ThePrimeWeb hi, thanks. It worked on my banner page button but on the product page where it says 'buy it now' it's still all black 😞
store url: maevincollection
@ThePrimeWeb hi, I just realized today that the text on others buttons are invisible too. See screenshot below.
Could you please help me make 'all buttons' have visible text.
There's not really an "all-in-one" solution, if you go through other parts of the site and find this issue again, just tell me where to find it (What page, etc..)
To fix the issues you have shown, add this code
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.button.button--primary.button--full-width,
.badge {
color: white !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025