Issue with product thumbnail labels

Technical Q&A

Topic summary

A user encountered small labels appearing on product thumbnails and sought help identifying and removing them.

Problem identified:

  • The labels are sale badges displayed on product images
  • They may have white text on white background, making them appear as blank labels

Solutions provided:

Option 1 - Hide badges with CSS:

  • Navigate to Shopify admin > Online store > Customize
  • Go to Theme settings > Custom CSS
  • Add code: .card__badge { display: none !important; }

Option 2 - Edit badge text:

  • Modify or remove sale text via Online Store > Themes > Edit default theme content
  • Adjust text color if needed

Both solutions address the badge visibility issue, with the first completely hiding badges and the second allowing customization of their appearance.

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

Capture d’écran 2024-12-22 à 19.35.49.png
Capture d’écran 2024-12-22 à 19.35.49.png2026×668 363 KB

Hello,

Small labels are visible on the product thumbnails of my website.

Do you know what they correspond to and how to remove them?

Thank you in advance!

2

Hi @RDG9576

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

.card__badge {
    display: none !important;
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

Hi @RDG9576

Its your sale badge, you may set color of text is white or remove sale text from Online Store > Themes > Edit default theme content so the text is missing.