# バッジを非表示にしたいです

**URL:** <https://community.shopify.com/t/topic/327940>\
**Category:** 技術的なQ＆A\
**Created:** [June 1, 2024, 5:19am UTC](https://community.shopify.com/t/topic/327940 "2024-06-01T05:19:30Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Dawnテーマで商品が売り切れた際に表示される「売り切れバッジ」を非表示にする方法についての質問です。

**解決方法:**
- 以下のCSSコードを適用することで、売り切れバッジを削除できます:
```css
.badge.price__badge-sold-out {
  display: none;
}
```

**ステータス:**
- 具体的な実装方法が提示され、質問者が解決できる状態になっています。

<div class="post-metadata">

**Author:** ![miyazaki](https://avatars.discourse-cdn.com/v4/letter/m/b5ac83/32.png) [@miyazaki](https://community.shopify.com/u/miyazaki)\
**Post date:** [June 1, 2024, 5:19am UTC](https://community.shopify.com/t/topic/327940/1 "2024-06-01T05:19:30Z")

</div>

Dawnを使用しております。

売り切れの際に表示される「売り切れバッジ」を表示しないようにする方法はございますでしょうか。

当方、知識はほとんどございません・・・。

アドバイスいただけますとありがたいです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [June 3, 2024, 3:02am UTC](https://community.shopify.com/t/topic/327940/2 "2024-06-03T03:02:19Z")

</div>

質問拝見しました。

Dawnのデフォルトの売り切れバッジは以下CSSを適用すれば削除可能でございます。

```markup
.badge.price__badge-sold-out{
display:none;
}

```

ご参考までにしてください。

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス