# 商品一覧のセールや売り切れ時に表示されるバッヂを非表示にしたい

**URL:** <https://community.shopify.com/t/topic/392834>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [February 7, 2025, 9:16am UTC](https://community.shopify.com/t/topic/392834 "2025-02-07T09:16:44Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ユーザーがRise（バージョン15.2.0）テーマで商品一覧画面に表示される「セール」や「売り切れ」の黒いバッジを非表示にする方法を質問しました。

**問題点:**
- デフォルトテーマのコンテンツ編集でテキストを削除しても、黒いバッジ自体は残ってしまう
- 他の質問を参考にCSSを試したが上手くいかなかった

**解決方法:**
株式会社Tsunの吉谷氏が以下のCSSコードをカスタムCSSに追加する方法を提案:

```css
.card__content > .card__badge {
  display: none ;
}
```

**結果:**
このコードにより、質問者は無事にバッジを非表示にすることができました。問題は解決済みです。

<div class="post-metadata">

**Author:** ![sed0481](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@sed0481](https://community.shopify.com/u/sed0481)\
**Post date:** [February 7, 2025, 9:16am UTC](https://community.shopify.com/t/topic/392834/1 "2025-02-07T09:16:44Z")

</div>

![bandicam 2025-02-07 18-10-56-600.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/3/536a5f153a80d4f1afc61f92b02c3e279210a739.jpeg)

現在Rise(15.2.0)を使用しております。

商品の一覧画面で、売り切れとかセール時に左下に黒いバッヂが表示されるのですが、これを非表示にするにはどこを編集すればいいのでしょうか？

「デフォルトテーマのコンテンツを編集」から、on saleとsold outのテキストを消しただけでは、文字だけ消えて黒いバッヂは残ったままになってしまいます。

ご教授いただけますと幸いです。

(他の方の質問を参考にCSSの追加とかしてみましたが上手くできませんでした…)

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [February 7, 2025, 9:35am UTC](https://community.shopify.com/t/topic/392834/2 "2025-02-07T09:35:17Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

カスタムCSSにて下記のサンプルコードを挿入することでバッジを非表示にできるかと思います。

(サンプルコード)

```css
.card __content > .card__ badge {
  display: none;
}

```

(サンプルコードの挿入箇所)

 ![kyoshi_Tsun_0-1738920826070.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/6/86c2736fda15bbc858200eb83d58f396c7afcdf0.jpeg)

以上になります。

ご参考になりましたら幸いです。

---

<div class="post-metadata">

**Author:** ![sed0481](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@sed0481](https://community.shopify.com/u/sed0481)\
**Post date:** [February 7, 2025, 10:40am UTC](https://community.shopify.com/t/topic/392834/3 "2025-02-07T10:40:40Z")

</div>

ありがとうございます！

無事非表示にすることが出来ました！