How can I remove the sale badge on the Testament theme?

Store Design
, , , , ,

Topic summary

Main issue: Remove the “Sale” badge (discount label overlay) in the Shopify Testament theme across all pages.

  • Initial fix: CSS added to theme.liquid hid the badge on collection pages only:
    .collection__page .sale-item.sale-item–icon.icn.circle_icon { display: none !important; }
    The requester confirmed this worked for collections but the badge still appeared in the Featured product section and on product pages.

  • Broader solutions proposed:
    • A contributor suggested a site‑wide CSS approach (added before in theme.liquid) and shared before/after screenshots via links to demonstrate removal across pages.
    • The original helper provided a more general selector to hide badges globally:
    .sale-item .sale-item–icon.icn.circle_icon { display: none !important; }

  • Implementation guidance: Insert the CSS at the bottom of theme.liquid, before the closing tag, and save.

  • Status: Partial confirmation (collections fixed). Site‑wide removal (featured product and product page) awaits requester’s confirmation. Images/screenshots were used to illustrate results but are not required to apply the fix.

Summarized with AI on December 31. AI used: gpt-5.
1

Hello Everyone!

I am using shopify Testament theme. I would like to remove the sale badge. Is this badge possible to remove? Please help me. Thank you.

Screenshot 2024-04-18 151600.png
Screenshot 2024-04-18 151600.png892Ă—741 264 KB

2

Hello @dreamtechzone_5

Can you share store URL?

1 Like
3

I haven’t live the theme yet. I’m doing a free trial. It is also a testament. I want to buy this website theme.

4

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.collection__page .sale-item.sale-item--icon.icn.circle_icon { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
5

Wow, thank you so much. It worked. But I used that code but when I add the product in the feature product section it shows. Another thing, how to remove it from the product page. Please help me. Thank you.

Screenshot 2024-04-18 160449.png
Screenshot 2024-04-18 160449.png1804Ă—721 158 KB

Screenshot 2024-04-18 155634.png
Screenshot 2024-04-18 155634.png802Ă—168 9.99 KB

6

I used that code but when I add the product in the feature product section it shows. Is this badge possible to remove? Please help me.

7

Hello @dreamtechzone_5 ,

I understand you are facing an issue with your Sale badge, if you are looking to remove the badge from all the pages or product images in which the sale badge is appearing.

You can use the below mentioned CSS code for removing the Sale Badge from the store.

Kindly add the code at the bottom of the theme.liquid file before tag and save.

Output =>

Before - https://prnt.sc/uXCuFJDWuByA , https://prnt.sc/9SquXfEmrGvf

After - https://prnt.sc/FOashZRvHjDc , https://prnt.sc/lgv5PBNrbLyW

I hope the solution helps you.

Please share if you have any query.

Thank you.

8

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.sale-item.sale-item--icon.icn.circle_icon { display: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.