How do I disable/remove the label appearing on products
my website is www.ozuriindia.com
Topic summary
A user seeks help removing a product label (likely a “sale” or “on-sale” badge) appearing on their Shopify store’s product pages, providing a screenshot for reference.
Proposed Solutions:
- Multiple respondents suggest adding CSS code to hide the badge
- Common approach: Insert
display: none !important;targeting badge classes like.badge,.badge--on-sale, or.badge-list - Recommended locations: theme.liquid file (before
</body>tag) or theme.css file (at the end)
Current Status:
- The issue remains unresolved
- User reports that after implementing suggested code, the label still appears on their sales page
- No follow-up solutions or troubleshooting steps have been provided yet
The discussion involves CSS customization through Shopify’s theme editor, requiring access to Online Store → Theme → Edit code.
Hello @ozuriindia
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
@ozuriindia - please add this css to the very end of your theme.css file and check
.badge--on-sale {display: none; visibility: hidden;}
Hi @ozuriindia
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
badge-list.badge-list.badge-list–vertical {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Added the code you given but still showing that label