Shopifyで作った特定のページにのみ、CSSをあてたいんだけど、どうやればいいのかわからない・・・
↑こういったお悩みに答えます。
結論：該当ページのHTMLに直接記述する
まずは、下記のように、<style>と</style>の間にあてたいCSSを記述します。
--------------
<style>
p {
color: red;
}
</style>
--------------
そうしたら、このコードを反映させたいページのHTML欄に貼り付けます。
（操作の流れは、下記動画を参照）
https://gyazo.com/8114bec3d702693cf55112fb72232a34
動画はページですが、商品やコレクションページでも同様です。
まとめ
これで、任意のページにCSSを反映させることができました。
※こちらは、Shopifyテーマ開発に詳しくない方向けのHowtoになりますので、技術者の方はテーマファイルから記述された方が良いです
参考： 画像とテキストを横並び、かつレスポンシブ対応にしたい
※この記事は2024年07月時点の内容です。今後のアップデートやShopifyの仕様変更等により、記事の内容が古くなってしまう可能性があります。
この記事の監修者
＼ShopifyでEC構築を検討中の方へ／
現在、Shopify公式は無料のお試しキャンペーンを実施しています。
百聞は一見に如かずといいますが、ネット上で情報収集するよりも、実際にShopifyに触れるほうが何倍も効率が良いでしょう。
下記の案内ページからキャンペーンの詳細をご確認ください。
)
)
)
)
)
)
)
)
