BizVektorのサイト横幅を変更＆サイドバーを300pxにする方法

さて、みんな大好きレスポンシブWordPressテーマBizVektor（ビズベクトル）のカスタマイズの時間です♪

今回は、サイト全体の横幅を広げ、かつ、サイドバーをアドセンスなどで使い勝手の良い300pxに変えるカスタマイズをしようと思います。（右カラムでも左カラムでもOKと思われ）

以下、サイト全体の横幅を970px。サイドバーの横幅を300px。グローバルメニューの分割数が5の場合を想定したカスタマイズになります。その他の数値へカスタムする場合は、その数値への変更をお願いします。
なお、BizVektorのバージョンは1.8.13。デザインスキンはDefault。変更後のデモはこのブログになります。

サイト全体の横幅を変更

対象ファイル

design_skins/plain/plain.css

変更箇所

ファイル全体に以下の順番で置換処理をします。

「970px」を「990px」に置換
「950px」を「970px」に一括置換

サイドバーの横幅を変更

対象ファイル

style.css

変更箇所

以下を追加します。

/* カラム幅調整 */
@media (min-width: 970px){
    #main #container #content {float:left; width:640px;}
    #main #container #sideTower {float:right; width:300px;}
    .menu .menu-item {width:calc(967px/5)!important;}
}

/* カラム幅調整 */

@media (min-width: 970px){

#main #container #content {float:left; width:640px;}

#main #container #sideTower {float:right; width:300px;}

.menu .menu-item {width:calc(967px/5)!important;}

}

5行目の「calc(967px/5)」は970pxから3px引いて5で割っているのですが、グローバルメニューの分割数が5以外ならばその数値を入れてください。（分割数によっては減算する数字を微調整する必要あり）

以上！