コンテンツ部分の余白について
いつもお世話になっております。
CSS記述についての質問です。
3カラムを使用しています。真ん中のコンテンツ部分にテキストを入力した際、スマホで見ると左右に余白がなく、文字が読みずらいと感じています。
真ん中のコンテンツ部分に余白を作るにはどのようなCSSの記述が必要ですか?
当方CSSの知識がないため書き方がわかりません。
お手数をおかけしますが、ご返答いただければ幸いです。
方法として中央のカラムに対し追加したコンテンツ(フリーパーツなどで追加したコンテンツ)毎にスタイルを追加して下さい。
※これらの方法はスマートフォン及びパソコン表示共通の内容となります。
(スマートフォン表示限定の方法ではございません)
※これら以外にスマートフォンのみに適用するスタイルを追加する方法もございますが、
HTMLコードの編集やスタイルの追加など手順が複雑でございますので、
まずは上記いずれかの方法をご確認下さい。
※こちらの方法は作成した「フリーパーツ」「お知らせパーツ」にのみ適用する事ができる方法です。
追加手順は以下の通りです。
1.ページレイアウト管理(デザイン設定>レイアウトタブ)を開きます。
2.余白を追加したいパーツの編集ボタンを押します。
3.[HTMLモードに切り替える]を押します。
4.表示されるHTMLコードに対し前後に以下のタグを追加して保存すれば完了です。
<div style="padding: 0 30px;">
【既に記載のコード】
</div>
※余白の調整は上記数値(30px)を調整して下さい。
上記手順を余白を追加したいパーツ毎に行って下さい。
ご案内は以上です。