Dawnテーマの「カスタムCSS」機能で、CSSコードに content: ""; プロパティを含めるとエラーが発生し、公開できない問題が報告されています。
問題の詳細：
h2::after { content: ""; } などのコードでエラー発生content プロパティが原因と判明確認された状況：
content プロパティは使用不可の可能性が高い提案された解決策：
content プロパティを使わない方法での実装::after 疑似要素以外での実現を検討質問者は公式情報を見つけられず、代替方法を模索中です。この問題は現在も未解決の状態です。
Dawnテーマでショップを作成しており、編集画面の「カスタムliquid」にてオリジナルのタイトルを作成したいと思いますが、「カスタムCSS」にコードを追加したら、添付画像のように、エラーが発生し、公開できない状況になっています。何回か試してみましたが、結局CSS中の「content: “”;」部分がエラーの原因だったみたいです。
解決方法をお伺いしたく、投稿させていただきました。
ご存知の方教えていただけますか？
宜しくお願い致します。
書いたコード：
liquid部分：
<h2>〇〇〇〇〇</h2>
CSS部分：
h2 {
display: block;
position: relative;
}
h2::after {
content: "";
position: absolute;
width: 50px;
top: 120%;
left: 50%;
transform: translateX(-50%);
height: 1px;
background: #008060;
}
私の方でも確認してみましたが、たしかにcontentプロパティがあると保存できませんでした。
カスタムCSSは使用できるCSSに制限があるので、おそらくcontentプロパティは使用できないのだと思います。(使用できないCSSに関する公式の情報を調べましたが見つけられませんでした)
contentプロパティが使えない以上、after疑似要素以外で実現するのがよいと思います。
特殊なケースでなければ、疑似要素を使わなくても解決できると思いますので。