Shopify themes, liquid, logos, and UX
How can i remove the sale button but still keep the sold out button on product cards and collections?
Solved! Go to the solution
This is an accepted solution.
Add this code same on the Custom Css where you add it.
.badge.price__badge-sale.color-scheme-4 {
display: none;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @MLBildeler
Try this one.
.badge.badge--bottom-left.color-scheme-4 {
display: none;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
That did not work 😞
Replace on this one.
.card__inner .badge.badge--bottom-left.color-scheme-4 {
display: none !important;
}
And Save.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
That didn't work either 😞
Please, add the code on the theme editor. Custom css.
It seems like you have a problem on the base.css.
And Save.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
That worked, thank you so much. Is it possible to remove it from the product page as well?
This is an accepted solution.
Add this code same on the Custom Css where you add it.
.badge.price__badge-sale.color-scheme-4 {
display: none;
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you so much! 🙂
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025