Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

How to change sold out badge text color Baseline Theme version 3.0.4

Solved

How to change sold out badge text color Baseline Theme version 3.0.4

dxxrek
Excursionist
26 0 5

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.

 

 

Screenshot 2023-12-27 9.46.51 AM.png

 

Thanks in advance for your help.

Accepted Solution (1)
niraj_patel
Shopify Partner
2391 516 517

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>

techlyser_web_0-1703703660530.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 6 (6)

niraj_patel
Shopify Partner
2391 516 517

Hello @dxxrek 
can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
dxxrek
Excursionist
26 0 5

velvet-labs.us

niraj_patel
Shopify Partner
2391 516 517

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>

techlyser_web_0-1703703660530.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
dxxrek
Excursionist
26 0 5

Thank you that worked! Anything I can add to make the text bold?

dxxrek
Excursionist
26 0 5

Hello, how can I make it bold??

dxxrek
Excursionist
26 0 5

Hello,

 

My question is how to change the "sold out" text color not the actual text.

 

Thanks