remove sale badge

Store Design

Topic summary

A user seeks to remove the red “sale” badge appearing on the bottom left of product images.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add custom CSS code to hide the sale badge element using display: none !important
  • Target the specific badge class within the product card markup

Outcome:
The original poster confirmed the solution worked by thanking the responder. The issue appears resolved through this CSS customization approach.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
2

Hi @bigpapi890

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card__media + .card__content .card__badge {
    display: none !important;
}

Here is the result: https://prnt.sc/5uhuAJTPvwiN

I hope this helps

Best,

Daisy