気になる情報をお届け

気になリンゴ

Stinger3カスタマイズ WordPressテーマ

Stinger3の記事幅を広げてみました 簡単なカスタマイズ

更新日:

読んでくださる方が見やすいブログを日々研究していますが、Stinger3のテンプレートの記事幅が狭いような気がしたので変更してみました。

 

スポンサーリンク

 

ワイド画面の真ん中にちんまり(笑)

今はワイド画面のパソコンが多く、私が使っているパソコンも (DELL XPS)横長。自サイトを見てみると、広い画面の真ん中にといる感じです。 それはそれでとくに問題はないのだけれど、やはり少し記事幅を広げてみることにしました。

いじる箇所は style.cssの中の二ヵ所。 こちらのブログを参考にさせていただき、あっという間に落ち着く幅にカスタマイズできました。

 

[css]#wrap #wrap-in #main {
float: left;
width: 550px;
padding-right: 39px;
padding-left: 39px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}
[/css]

「width:550px」を 「670px」に変更。

[css]#header-in, #wrap-in, #navi-in, #footer-in, #gazou-in {
width: 980px;
margin-right: auto;
margin-left: auto;
}[/css]

サイドバーの 「width: 980px;」 を 「1110px」に変更。
これだけで見やすい記事幅になった気がします。

ららふく^^さん に感謝♪

-Stinger3カスタマイズ, WordPressテーマ
-,

Copyright© 気になリンゴ , 2018 All Rights Reserved Powered by AFFINGER4.