Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
@Smeelah please follow this . in this case you changed just soldout color .
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!
Hi,
Thank you but that doesn't seem to be working. I have a sale item on the home page:
This is an accepted solution.
@Smeelah please follow this . in this case you changed just soldout color .
Thank you...I will do that as a last resort but I prefer to not change the default colour to the sold out colour.
@Smeelah you want to change color only for collection page?
Oh, I didn't understand! Such an easy option. Thank you!
@Smeelah welcome
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025