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 
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.