# CSSを使ってアプリの一部要素を非表示にすることはできますか？

**URL:** <https://community.shopify.com/t/css/310346>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [April 1, 2024, 8:12am UTC](https://community.shopify.com/t/css/310346 "2024-04-01T08:12:47Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ユーザーがレビューアプリ内の名前表示方法を選択するプルダウンメニューを非表示にしたいと質問しています。ペンネームでのレビュー投稿を想定しているため、この機能が不要とのこと。

**提案された解決策:**
- CSSの追加により非表示化が可能
- 該当するHTML要素のクラス名に対して `display:none` を適用
- コード編集画面から実装可能

**実装方法:**
- 独自にCSSファイルを作成
- 特定ページを描画するliquidファイル内に記述
- 参考リンクとしてCSS作成方法のブログ記事が提供されています

アプリの詳細が不明なため、具体的な実装箇所については限定的な回答となっています。

<div class="post-metadata">

**Author:** ![Panda2](https://avatars.discourse-cdn.com/v4/letter/p/85f322/32.png) [@Panda2](https://community.shopify.com/u/Panda2)\
**Post date:** [April 1, 2024, 8:12am UTC](https://community.shopify.com/t/css/310346/1 "2024-04-01T08:12:47Z")

</div>

掲題の通りです。

使用しているレビューアプリで名前の表示方法を選択させるプルダウンがあるのですが、そもそも本名でなくペンネームでレビュー投稿いただく予定なのでこの機能が必要ありません。

追加のCSSでアプリのこの要素を非表示にすることは可能でしょうか？また可能であれば、コード編集画面のどこに書き込めばいいかもご教示いただきたいです。

テーマは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:** [April 1, 2024, 10:07am UTC](https://community.shopify.com/t/css/310346/2 "2024-04-01T10:07:12Z")

</div>

Panda2様

ご質問を確認いたしました。

アプリの詳細がわからないため詳しいことは回答しかねますが、

アプリより作成されているhtml要素のクラス名に対してdisplay:noneをかければ非表示にできるかと存じます。

cssはコード編集画面から、特定のページを描画するliquidファイルで編集するか、

独自で別途cssファイルを作成し、上記のコードを書くと良いかと存じます。

cssファイル作成方法：[https://skillhub.jp/blogs/330](https://skillhub.jp/blogs/330)

ご参考までに。

株式会社フルバランス
