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

Store Design
, ,
1

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
Screenshot 2023-12-27 9.46.51 AM.png1074×725 156 KB

Thanks in advance for your help.

2

Hello @dxxrek
can you share store URL?

3
4

Hello,

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

Thanks

5

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 on theme.liquid

.relative .pointer-events-none.absolute { color: #000 !important; }

techlyser_web_0-1703703660530.png

6

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

7

Hello, how can I make it bold??