How can I remove the sale badge from grid product images on Impulse?

Topic summary

A user wants to hide the sale badge from product grid images while keeping the actual sale prices and price comparisons intact.

Solution Provided:
A PageFly representative offered a CSS-based fix:

  • Navigate to: Online Store → Themes → Actions → Edit Code
  • Add the following CSS to the theme.css file:
.grid-product__tag--sale {
  display: none;
}

Outcome:
The solution successfully resolved the issue. The user confirmed it worked and requested additional help with a separate design question about rounding product image edges.

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

How do I get rid of the sale badge on my grid product images without getting rid of the actual sale and not getting rid of the compared prices?

I’m Using Impulse

website: Salestylist.com

Hi @luvopps .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file theme.css

.grid-product__tag--sale{
display: none;
}

Hope this answer helps.

Best regards,

Richard | PageFly

Thanks that worked

By chance could you probably help me with this problem too?

https://community.shopify.com/c/shopify-design/help-with-rounding-edges-of-product-collection-grid-images/m-p/1795902#M480099