Remove "Sold Out" Badges from Featured Collections in Dawn theme

I was able to successfully add this code to my assets/section-main-product.css:

.product .price–sold-out .price__badge-sold-out {
display: none !important;
}

This successfully removed the badges from that page, but I am trying to do the same across all collections. I add in my own Sold Out badges, for aesthetic reasons, and would love not to have them doubled up. At the same time, I am fine leaving the Sale badges.

Can anyone help me solve this? Thanks!

1 Like

Hello @egagnard try this css

.product .price--sold-out .price__badge-sold-out {
    display: none !important;
}

.collection .product .price--sold-out .price__badge-sold-out {
    display: none !important;
}

If it doesn’t work let me know and I’ll fix it

Thankyou :blush:

Thanks for your response and sorry for my delayed reply! Unfortunately it didn’t work for me, the badge doesn’t show up on my Shop All page, but I have a separate page set up to Shop by Category where I added Featured Collections and the badges still show up here.

@goldi07 curious if you might have another solution? Unfortunately it didn’t work for me, the badge doesn’t show up on my Shop All page, but I have a separate page set up to Shop by Category where I added Featured Collections and the badges still show up here.