How can I change the color of a sold out banner?

Store Design
1

hello,

I am trying to change the color of sold out banner on product picture, can somebody advise please?

I found this piece of code in the edit code theme css - what do I need to change her to make it red?

.grid-product__tag.grid-product__tag–sold-out{

background-color:{{ settings.color_body_bg | default: “#fff” }};

background-color:var(–colorBody);

color:{{ settings.color_body_text | default: “#1c1d1d” }};

color:var(–colorTextBody);

2

@ddcu ,

share the URL ?

3

https://mctasker.dk/collections/tool-rolls

4

@ddcu ,

.grid-product__tag.grid-product__tag--sold-out {
    background: red;
    color: #fff;
    border-radius: 3px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

5

thanks, do I need to remove the original piece of code?

6

@ddcu Please send me store url.

7

Hello @ddcu

Add this CSS below of Online store >> Edit code >> Assets >> theme.css

.grid-product__tag.grid-product__tag–sold-out {
color: #fff !important;
background: red !important;

}

thanks, do I need to remove the original piece of code?

No, No need to remove original code.

8

amazing thanks for the help