Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Change colour of sold out - Dawn theme

Change colour of sold out - Dawn theme

Lilboris
Excursionist
34 0 8

Hello!

I'm looking to change the colour of the "sold out" badge, both on product pictures when inside collections, and the one thats on the product page. 

Lilboris_0-1717152402788.png

https://hundben.se/products/kerotugg-notrulle-premium-ca-20cm-o2-5cm?_pos=1&_sid=5f168ffe5&_ss=r

And on collection pages:

Lilboris_1-1717152481123.png

https://hundben.se/collections/kerotugg-tuggben

The black "Tillfäligt slutsåld" is what i wanna change in both of these places. 
Anyone able to take a look? 🙂 

//Gabriel
Www.hundben.se

Replies 3 (3)

Moeed
Shopify Partner
6322 1715 2067

Hey @Lilboris 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
.product .price .badge {
    background: #5B7E0A !important;
}
</style>

RESULT:

Moeed_0-1717153037052.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Lilboris
Excursionist
34 0 8

Hey, 

Thanks for a quick respone.

It worked flaweless on the product page, but it seems to still be black on collection pages, any idea how to fix that aswell?

Lilboris
Excursionist
34 0 8

You able to help me here? 🙂