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

Solved

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

mpatsi
Shopify Partner
111 0 14

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

 

Screenshot from 2023-05-30 12-29-44.jpg

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 290

This is an 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>

 

PageFlyHenry_0-1685442142231.png

 

PageFlyHenry_1-1685442142234.png

<style>

.card__badge span {

    background: transparent;

    color: black;

}

</style>

 

Hope this answer helps.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

saim007
Shopify Partner
602 74 102

@mpatsi Please provide store url and password if have!

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
mpatsi
Shopify Partner
111 0 14

PageFly-Henry
Shopify Partner
1184 335 290

This is an 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>

 

PageFlyHenry_0-1685442142231.png

 

PageFlyHenry_1-1685442142234.png

<style>

.card__badge span {

    background: transparent;

    color: black;

}

</style>

 

Hope this answer helps.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

mpatsi
Shopify Partner
111 0 14

That works, thank you henry!

PageFly-Henry
Shopify Partner
1184 335 290

Glad that i can help you

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

HELDERWRLD
Explorer
129 0 8

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: Screenshot 2024-03-09 at 12.51.02 PM.pngScreenshot 2024-03-09 at 12.50.45 PM.png


CassieDonnel
Excursionist
26 4 9

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!