ご質問拝見しました。
こちらに関しては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;
}
max-width の値(例:1200px)はサイト全体のデザインに合わせて調整してください。- 各セクションにクラスを適用する
セクションの liquid ファイル内で、セクションの外枠に .custom-container を追加します。
■ ポイント- すべてのセクションに .custom-container を追加することで、横幅が統一されます。
- すでにテーマに page-width や container などのクラスがあれば、それを活用するのもOKです(ただし、横幅にバラつきがあるならカスタムクラス推奨です)。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス