# テーマDAWNの背景を画像に変更したい

**URL:** <https://community.shopify.com/t/dawn/354930>\
**Category:** Shopify テーマ\
**Tags:** css, html\
**Created:** [September 4, 2024, 8:54am UTC](https://community.shopify.com/t/dawn/354930 "2024-09-04T08:54:58Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ユーザーがShopifyのテーマDAWNでサイト全体の背景に画像を設定しようとしているが、デフォルトのカラー背景が邪魔で反映されない問題に直面している。

**試した方法:**
- 外部記事を参考に背景画像の設定を試みた
- コード編集画面で `background: transparent;` を設定したが透過されない状況

**提案された解決策:**
- `theme.liquid` ファイル内の `</head>` タグ直前に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:** [September 4, 2024, 8:54am UTC](https://community.shopify.com/t/dawn/354930/1 "2024-09-04T08:54:58Z")

</div>

お世話になっております。

テーマDAWNを使用しています。

サイト全体の背景に任意の画像を固定で設定したいのですが、デフォルトで設定されているカラー背景が邪魔で反映されません。

手順は下記を参考にしました。

[https://note.com/tech\_malin/n/ne6afc72011c3](https://note.com/tech_malin/n/ne6afc72011c3)

```auto
background: transparent;

```

をコード編集画面のどこかに設定すると透過できるみたいですが、これをどこに入れたらいいか分からない状況です。

ご存知の方がいらっしゃいましたらよろしくお願いします。

---

<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:** [September 5, 2024, 5:19am UTC](https://community.shopify.com/t/dawn/354930/2 "2024-09-05T05:19:59Z")

</div>

ご質問拝見しました。

DAWNを使用ということでおそらく以下のCSSをきかせることにより透過できるかと思います！

使うものはお調べいただいたもので問題ございません。

```markup

以上のcssをtheme.liquidというファイルの中の</head> タグの直前に追加してください。

そうすればご希望の動きができるかと存じます。

ご参考にしていただけますと幸いです。

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

株式会社フルバランス
```