# 「ページ」で追加したcssが読み込めない

**URL:** <https://community.shopify.com/t/css/125537>\
**Category:** 技術的なQ＆A\
**Created:** [June 2, 2022, 9:18am UTC](https://community.shopify.com/t/css/125537 "2022-06-02T09:18:09Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

テーマは Shopify Dawn 4.0。Assets に custom_style.css を作成し、theme.liquid の head で asset_url または stylesheet_tag で読み込み。商品・トップでは適用されるが、オンラインストア→ページでのみ反映されない事象が報告された。

開発ツールではリンク読込自体は確認できるが、対象クラスにスタイルが当たらず、ページ内に直接記載した style なら反映されるとの状況説明。

技術補足: stylesheet_tag は CSS を link 要素として読み込むフィルタ。SCSS は CSS の拡張記法で、ブラウザでそのままは解釈されず、通常は CSS へコンパイルが必要。

最新の更新: CSSではなく誤って SCSS の記述をコピーしていたことが原因と判明。

結果・状態: CSS に修正して解消済み。追加対応は不要。

<div class="post-metadata">

**Author:** ![rarudog](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@rarudog](https://community.shopify.com/u/rarudog)\
**Post date:** [June 2, 2022, 9:18am UTC](https://community.shopify.com/t/css/125537/1 "2022-06-02T09:18:09Z")

</div>

使用テーマは「Dawn4.0」です。

Assetの中にcustom\_style.cssというファイルを作成、

theme.liquidのheadに下記の記述をして読み込ませています。

* * *

こちらでも試しました。→{{ ‘custom\_style.css’ | asset\_url | stylesheet\_tag }}

* * *

特に問題なく読み込めており、商品ページやトップページなどでは動作しているのですが、

オンラインストア→ページで作成したページでだけCSSが反映されません。

開発ツールで確認した所head内に読み込んでいる記述はあるものの、

CSSを記述しているクラスを選択しても空のelement.styleが表示されます。

ページにタグで直書きすれば反映されるのですが、できれば読み込んだCSSを使いたいです。

対応方法が分かる方がいらっしゃいましたらご教授頂けないでしょうか。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![rarudog](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@rarudog](https://community.shopify.com/u/rarudog)\
**Post date:** [June 3, 2022, 1:36am UTC](https://community.shopify.com/t/css/125537/2 "2022-06-03T01:36:06Z")

</div>

こちらのミスです。

cssではなく、誤ってscssの記述をコピーしていました。

お騒がせしました。