Shopify themes, liquid, logos, and UX
Hello,
I would like to change the color of the "sold out" badge text. I am able to switch out the colors of the actual badge in the theme settings but not the actual text. The default text color seems to be white but I would like to make it black. I plan on making the badge color yellow once I am able to change the text to black. Any code for this? Reference below.
Thanks in advance for your help.
Solved! Go to the solution
This is an accepted solution.
Hello @dxxrek
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.relative .pointer-events-none.absolute {
color: #000 !important;
}
</style>
Hello @dxxrek
can you share store URL?
velvet-labs.us
This is an accepted solution.
Hello @dxxrek
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.relative .pointer-events-none.absolute {
color: #000 !important;
}
</style>
Thank you that worked! Anything I can add to make the text bold?
Hello, how can I make it bold??
Hello,
My question is how to change the "sold out" text color not the actual text.
Thanks
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025