ページ両サイドの空白調整
ページの両サイドの余白がほぼなく画面ギリギリまで画像や文字が表示されているのですが、この両サイドの余白をもう少し大きくしたいです。この調整方法を教えてください。
各ページの余白につきましては店長ナビ＞拡張設定＞デザイン設定のレイアウトタブより
レイアウト図内の緑色の枠のエリア毎に指定が可能です。
枠内のギアマークを押していただくと、左右の余白を指定できますのでご活用ください。
Re: ページ両サイドの空白調整
ご回答ありがとうございます。おそらく今ご説明いただいたのが「標準モード」での設定だと思うのですが、「上級モード」で余白設定する方法を教えていただきたいです。
上級モードの場合は専用の設定項目はございませんので、デザインCSSを編集していただきご対応ください。
CSSはデザイン設定（店長ナビ＞拡張設定）を開き、適用中テンプレート
（背景オレンジ）の[CSS]を押してスタイルシート一覧を表示してください。
「design.css」の[編集]ボタンからCSSを編集することができます。
※基本的にはCSSの編集方法や該当箇所についてはサポート範囲外と
なりますのでご不便をかけますが予めご了承くださいますようお願い
いたします。
以下サンプルとなりますのでご活用ください。
・ショップページ全体に左右の余白(10px)を入れる場合
#online_contents {
padding: 0 10px;
}
・ヘッダー、フッターを除くエリアの左右に余白を入れる場合
.pane_body {
padding: 0 10px;
}