Shopify themes, liquid, logos, and UX
How can I change te color of text to 'buttons only' not the overall but buttons only
i want them to be in white because the color of my buttons are black and the main color of text of my website is black as well. So i want the text in the buttons to be white, ONLY BUTTONS.
store url. maevincollection.com
Solved! Go to the solution
This is an accepted solution.
Just add this code also, same instructions. Don't remove the previous one. Add this one below <head>
<style>
.product-form .product-form__submit span {
color: #fff !important;
}
</style>
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
This is an accepted solution.
Just add this code also, same instructions. Don't remove the previous one. Add this one below <head>
<style>
.product-form .product-form__submit span {
color: #fff !important;
}
</style>
@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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025