How to change the sold out badge colour - Grid 6.2.0

Hi, the sold out and sale badges are the same colour in my theme (Grid 6.2.0)

Therefore, I would like to know how to change the colour of the sold out badge background to #4C4845

Any help appreciated!

Thanks

Hey @MH23 ,

Can you share the link to your store please? Thanks!

www.muttsandhounds.co.uk

Thanks!

Hey @MH23 ,

Go to your theme’s ā€œEdit Codeā€ Option, then in the search bar type ā€œtheme.liquidā€
Below the tag ā€œā€ tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Thank you, although that changes the ā€˜Sale’ badge colour, not the ā€˜Sold Out’ badge colour?

Hi @MH23

This is solved right?

Haha sorry, mixed up the two.

For sold out it’s


Hi @MH23 ,

I have reviewed your requirement , I think you just need edit css script in base.css and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search base.css and add the script css custom font in the end of file:

.product-list-item-unavailable {
    background: #4C4845!important;
}

Step 3: Save and reload page in storefront.

=> The result:

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!