Remove Sale Badge on Collection Pages Dawn Theme

Store Design
, ,

Topic summary

A user seeks to remove sale badges from collection pages in the Dawn theme.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS code to hide the badge element

Implementation Details:

  • Initial code snippet targets .card__badge with display: none;
  • User reports the first solution did not work
  • A revised CSS code is provided: .card__badge.bottom.left with display: none !important;

Status: The discussion remains open with no confirmation whether the updated solution resolved the issue. The conversation includes an attached screenshot demonstrating the code placement.

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

Hello, how do we Remove Sale Badge on Collection Pages within Dawn Theme?

2

Hi @Solset

This is Victor 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 base.css.

Step 3: Paste the below code at bottom of the file → Save

.card__badge {

display: none;

}

PageFlyVictor_0-1674692906332.png
PageFlyVictor_0-1674692906332.png1081×315 225 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hi, this did not work

4

following up

5

@Solset

You can try with this code:

.card__badge.bottom.left {
display: none !important;

}