\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [September 13, 2023, 9:23am UTC](https://community.shopify.com/t/html/250057 "2023-09-13T09:23:07Z")\
**Posts on this page:** 4\
**Page:** 1
## AI-generated summary
オンラインストアのページでHTML編集を使用している際、保存ボタンを押すとCSS記述が消えてしまう問題が発生。
**発生した問題:**
- シーズンごとにテキストと画像を差し替える際、保存時にCSSが削除される
- 表示が大幅に崩れてしまう状態に
- バックアップのCSSをコピーして対応したが、再度同じ問題が発生
**提案された解決策:**
Takase_Rより、インストールしているアプリの影響の可能性が指摘され、確実な対応方法として「コードを編集」機能の使用が提案された。
具体的な手順:
- アセットに「custom-page.css」ファイルを作成
- theme.liquidのheadタグ内に記述を追加
- ページではなく別の箇所にCSSを記述することで、消失を防ぐ
**結果:**
提案された方法で問題が解決し、質問者は解決をベストソリューションとしてマーク。
**Author:**  [@CGweb](https://community.shopify.com/u/CGweb)\
**Post date:** [September 13, 2023, 9:23am UTC](https://community.shopify.com/t/html/250057/1 "2023-09-13T09:23:07Z")
オンラインストア＞ページにて
html編集を使ってページを構成しております。
このページは、シーズンに合わせて
一部テキストと画像の差し替えを行っていますが、
今回、更新を行おうと思ったところ、保存ボタンを押すと
当初はあったcssの記述が消えてしまいました。
当方、オンラインショップの運営者になるため
システムにはあまり知見がなく、
html編集も、単純に固定のテキストや画像URLを差し替える程度の
簡単な内容になり、今回も間違いなく対応しておりますが、
cssの記述が消えてしまい、表示は大幅に崩れてしまいました。
また、念のため取っておいたバックアップ（CSS記述あり）を
そのままコピペして保存を押した際は、
cssの記述は消えてしまいましたが、表示は崩れませんでした。
原因と対応方法について、ご教示いただけますと幸いです。
宜しくお願い致します。
---
**Author:**  [@Takase\_R](https://community.shopify.com/u/Takase_R)\
**Post date:** [September 13, 2023, 4:03pm UTC](https://community.shopify.com/t/html/250057/2 "2023-09-13T16:03:57Z")
はじめまして、Takaseと申します。
自身の環境でページにcssの記述を記述して保存・更新などを試してみましたが、再現しませんでした。
推測にはなりますが、もしかするとインストールしているアプリなどが影響しているかもしれません。確実にcssが消えないようにする対応方法は、「コードを編集」を使ってページ以外の箇所にcssを記述することかと思います。
一例になりますが下記のような手順で「コードを編集」からすべてのページに対してcssの追加が可能です
・アセットに「custom-page.css」ファイルを作成
・「custom-page.css」に任意のcssを記述
・レイアウト \> theme.liquidのheadタグ内に下記を記述
```markup
{% if template.name == 'page' %}
{{ 'custom-page.css' | asset_url | stylesheet_tag }}
{% endif %}
```
上記の例ではすべてのページへの反映になりますが、記述を少し変えることで一部のテンプレートのみに反映させることなども可能です。
---
**Author:**  [@CGweb](https://community.shopify.com/u/CGweb)\
**Post date:** [September 19, 2023, 7:07am UTC](https://community.shopify.com/t/html/250057/3 "2023-09-19T07:07:06Z")
はじめまして。ご丁寧に教えていただき、ありがとうございます。
教えていただいたとおり対応したところ、問題が解決いたしました。
ありがとうございます！！
---
**Author:**  [@Takase\_R](https://community.shopify.com/u/Takase_R)\
**Post date:** [September 21, 2023, 4:34am UTC](https://community.shopify.com/t/html/250057/4 "2023-09-21T04:34:55Z")
無事に解決できたようで何よりです！
差し支えなければベストソリューション・いいねしていただけると幸いです。