How to remove the backgound color of the "sold out" label in the product page?

[mpatsi]

Hello

I'm trying to mark the sold out label in the browser using the devtools to show the undergound html classes but i can't. Does anyone know how can i remove the background color of these labels?

Thanks in advance

 

 

[saim007]

@mpatsi Please provide store url and password if have!

[mpatsi]

https://hairworkshop.gr/

It's online

[PageFly-Henry · Accepted solution]

Hi @Anonymous,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>

<style>

.card__badge span {

    background: transparent;

    color: black;

}

</style>

Hope this answer helps.

Best regards,

Henry | PageFly

[mpatsi]

That works, thank you henry!

[PageFly-Henry]

Glad that i can help you

[HELDERWRLD]

Hello @PageFly-Henry 
Can you also help me do it on mine? I tried but it didn't work.

I would like mine to look like this: 

[CassieDonnel]

Hi @mpatsi.,

Follow These steps,

Go to online store theme and go to base.css file paste the code mentiond below.

.card__badge span {

        background: transparent ;

        color: black;

}

If I managed to help you then, don't forget to Like it and Mark it as Solution!