カスタムCSSで設定できないはずのセクションセレクターにCSSを適用する方法を解説します。
通常、カスタムCSSでshopify-sectionやsectionクラスにCSSを設定しようとすると、
下記のようなエラーが発生します。
無効なカスタムCSS: セクションセレクターはサポートされていません。 削除して変更を保存します。
ですが、これを回避する裏技があります。
下記のコードのようにクラス名を記述せずに、カスタムcssを設定します。
そうすると、sectionタグにcssが適用されます。
custom.css
{
text-align: center; #任意のcss
}