メインコンテンツとサイドバーに適当な空白(ガター)を作る

3カラム表示などで、サイドバーと投稿ブロックにもう少し空白を付けたいとか、一行あたりの文字列が多すぎると読みずらいという事があると思います。

サイドバーとメインコンテンツに適当な空白を付けると、見やすさが大きく異なります。

そのような場合は、以下のようにCSSで調整することが出来ます。

カスタマイザーの追加CSSに、以下のように記述する事で一行文字数を40文字に制限できます。

@media screen and (min-width : 641px){
 div 

適当な幅のギャップを作る場合は

@media screen and (min-width : 641px){
 div[id^="post->"{
 padding-left:50px;
 padding-right:50px;
 margin:auto;
 }
}

パッディングを与えることもOKです。


コメントは受け付けていません。