How to change the sold out badge colour - Grid 6.2.0

Store Design
,
1

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

2

Hey @MH23 ,

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

3

www.muttsandhounds.co.uk

Thanks!

4

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.

ThePrimeWeb_0-1715084967871.jpeg
ThePrimeWeb_0-1715084967871.jpeg1253Ɨ933 87.9 KB

5

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

6

Hi @MH23

This is solved right?

7

Haha sorry, mixed up the two.

For sold out itā€™s
8

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:

BSSTechFusion_0-1715572682432.png
BSSTechFusion_0-1715572682432.png1845Ɨ731 86 KB

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:

BSSTechFusion_1-1715572726299.png
BSSTechFusion_1-1715572726299.png1417Ɨ872 122 KB

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!