How to change the sold out button?

[Smeelah]

Hi,

I am trying to change the colour of the sold out button (on collection grid) but I can’t figure out how to do it without changing the sale button as well.

I’d appreciate any help!

Dawn 11

leilacools.com

[Made4uo-Ribe]

Hi @Smeelah

Check this one if it work,

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.badge.badge--bottom-left.color-scheme-4 {
    Color: blue;
    background: red;
}
.badge.badge--bottom-left.color-scheme-3 {
    color: red;
    background: blue;
}

And Save.

Example Result:

If wont’s work would you mind provide the badge with sale.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[mrashid_1]

@Smeelah please follow this . in this case you changed just soldout color .

[Smeelah]

Hi,

Thank you but that doesn’t seem to be working. I have a sale item on the home page:

[Smeelah]

Thank you…I will do that as a last resort but I prefer to not change the default colour to the sold out colour.

[mrashid_1]

@Smeelah you want to change color only for collection page?

[Smeelah]

Oh, I didn’t understand! Such an easy option. Thank you!

[mrashid_1]

@Smeelah welcome