How can I remove the 'Sale' tag from the product grid in the Expanse theme?

Store Design
1

Currently trialling the ‘Expanse’ theme and intend to purchase to utilise for my store.

However, I would like to remove the ‘sale’ tag that appears on the product grid.

I still want to keep the ‘compare at price’ but want to remove the sale tag.

Is there a way to do this?

Thanks

2 Likes
2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

Hi @harryb123

You can try this css code.

.card__badge {
display: none !important;
}
span.badge.price__badge-sale.color-accent-2 {
display: none !important;
}

if not working then please share your store URL.

4

@harryb123
Kindly Share your Store URL.

So that we can help you.

thank you.

5

@ZestardTech @Zworthkey @Dbuglabpvtltd

URL: https://rainbow-organic-penrith.myshopify.com

Screenshot below - need to remove that red sale tag, but would still like to keep the compare at price.

Screen Shot 2022-01-10 at 7.37.06 pm.png
Screen Shot 2022-01-10 at 7.37.06 pm.png548×292 28.4 KB

1 Like
6

@harryb123

Your Store is password protected.

Kindly Share your Store password.

7

@Zworthkey @ZestardTech @Dbuglabpvtltd

Password: breich

8

@harryb123
Add this code in theme.css

.price__badges.price__badges--listing {
    display: none !important;
}
9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.price__badges.price__badges--listing {
display: none;
}
10

Hi,

Same issue here and I solved with this code (in assets > theme.css.liquid) :

.grid-product__tag–sale {
display: none !important;
}
span.badge.price__badge-sale.color-accent-2 {
display: none !important;
}

1 Like
11

Yes this code resolved my issue of SALE tag of expanse theme. It removed it from all home page and all other collection and product pages as well

Thanks Lenabennette