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
に変えました。

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


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