Help to remove the red 'NEW' badges from the products images in the collection grid

Topic summary

A user seeks to remove red ‘NEW’ badges from product images in a collection grid on their Shopify store’s Thailand 2024 page.

Solution Provided:
Two community members offered CSS code to hide the badges:

  • Add .product--label-container { display: none !important; } to the theme’s CSS file (theme.css or critical.css)
  • Alternative method: Navigate through theme editor to the featured collection section and add the CSS in the Custom CSS area

Resolution:
The issue was successfully resolved using the provided CSS snippet.

Additional Recommendations:
A PageFly representative offered unsolicited conversion rate optimization (CRO) suggestions including:

  • Clarifying the announcement bar messaging (“Join now” is vague)
  • Making CTA buttons more visually prominent with contrasting colors
  • Adding customer testimonials to the homepage
  • Running Christmas promotions (discounts, bundles, limited-time offers with countdown timers)

The discussion concluded with the original poster thanking the helpers for their assistance.

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

Hey there,

Just trying to remove the red ‘NEW’ badges from the products images in the grid HERE ON THIS PAGE at the bottom ‘CBT Travel’ section.

I have tried pasting this below snippet (was somewhere in the help forums on here) in the theme–async.css.liquid folder but it hasn’t worked:

.product–labels-container {
display: none !important;
}

and also tried

)}.product–labels-container {
display: none !important;

But neither worked, help would be v appreciated please!

Thanks

Tess
}

1 Like

Go into the theme editor > navigate to this page > click into your ‘featured collection’ section from the left-hand menu > then on the right-hand menu, scroll down to the “Custom CSS” area and add the following coding:

.product--label {display: none;}

2 Likes

Hi @tessu_CBT

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–critical.css

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

.product–label-container {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like

Thank you so much Henry!! legend :folded_hands:

1 Like

Thank you so much Stephen!! super helpful :blush:

Hi @tessu_CBT You are welcome :blush:

Also when I visit your homepage, I must say, I love your store’s design.

Based on my extensive knowledge in CRO, I recommend the following techniques to improve your conversion rates:

1/ Adjust content on the announcement bar

Simply saying “Join now” on an announcement bar can be confusing and leave customers guessing about what they’re joining. Here are some ways to improve it:

  • Get early access to new programs! Become a VIP member today.
  • Last chance! Become a member and enjoy these benefits before they’re gone.

2/ Highlight CTA button

Currently, it’s hard to realize that this is a CTA button. This button’s color is not so eye-catching because it is the same color as the other text, you can try another color for it.

Or you can adjust all the buttons to the same color.

3/ Add Testimonials on homepage

Display good reviews from happy customers. This helps new visitors trust your brand and feel more confident about buying from you.

4/ Run Christmas Offers

Discounts: Offer percentage discounts on memberships, personal training sessions, or merchandise.

Bundle deals: Combine memberships with other services, like nutrition consultations or access to online fitness classes.

Limited-time offers: Create a sense of urgency with flash sales or early bird discounts by using a Countdown timer.

Like this:

I hope that my recommendations will be useful and insightful for you. Merry Christmas!!

Wishing you continued success,