Prestage セクションの横幅について

ご質問拝見しました。

こちらに関してはcssで調整ができるかと思います!

width(横幅) を統一して中央寄せすることで、全体に一体感を持たせることができます。以下の方法で対応可能です。


共通の max-width を設定する1. 共通のCSSクラスを作成

theme.css または base.css などの共通スタイルシートに以下を追加します:クラス名は一例になります。

.custom-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

:light_bulb: max-width の値(例:1200px)はサイト全体のデザインに合わせて調整してください。- 各セクションにクラスを適用する
セクションの liquid ファイル内で、セクションの外枠に .custom-container を追加します。

■ ポイント- すべてのセクションに .custom-container を追加することで、横幅が統一されます。

  • すでにテーマに page-width や container などのクラスがあれば、それを活用するのもOKです(ただし、横幅にバラつきがあるならカスタムクラス推奨です)。

お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス