今日の空は何色

のんびり珈琲でも飲みながら

STINGER5 サイドバーの幅を変える

   

WordPressのテーマStinger5をカスタマイズするときの知識です。

サイドバーの幅を変えるには

Style.cssを開き

main {
margin-right: 320px;
margin-left: 0px;
background-color: #fff;
border-radius: 4px;
padding: 20px 40px;
}
#side aside {
float: right;
width: 300px;
padding: 0px;
}

これを

main {
margin-right: 280px;
margin-left: 0px;
background-color: #fff;
border-radius: 4px;
padding: 20px 40px;
}
#side aside {
float: right;
width: 260px;
padding: 0px;
}

このように変えます。

ピンポイントで説明するとこの例では
mainのmargin-rightの値を320pxから280px
#side asideのwidthの値を300pxから260px
に変えました。

同じ数だけ変える、ということが大事です。

この記事はいかがでしたか?
参考になった、おもしろかったと思ったら
下のボタンをクリックしていただけるとブログの人気順位が上がります。
よろしくお願いします。

 - ワードプレス