Change Sold Out Color in Minimal font

Store Design
, ,
1

Hello

I am trying to change the sold out color on the product page on my website but I am having no luck. Here is a link to one item, the sold out text is almost the same color as my background so customers cannot see that it is sold out. Its strange that it isn’t text as well. Anyone know how I can fix this?

https://www.palmindustrial.com/products/russelectric-transfer-switch-board-uv300-uv-300-1700-0240-rev-1?_pos=4&_sid=380bbca0d&_ss=r&variant=28772655792193

The sold out button is right under “Quantity”

1 Like
2

Hi @palmindustrial

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

button#AddToCart span#AddToCartText {
    color: black;
    opacity: 1;
    font-weight: 700;
}

And Sve.

result:

Made4uoRibe_0-1724799187153.png
Made4uoRibe_0-1724799187153.png740×372 129 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Result:

AnneLuo_0-1724803076452.png
AnneLuo_0-1724803076452.png876×436 176 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like