【WordPress】LION BLOGのカラム幅の割合を変更する方法

LION BLOGのページ幅を変更する記事「【WordPress】LION BLOGのページ幅を変更する方法」を書きましたが、２カラムの場合の記事とサイドバーの幅のバランスも変更したくてやってみました。
こちらもページ幅の変更と同じで、「追加CSS」に下記のように書き込むだけで可能です。今の所不具合ありませんが、これで正解なのかなぁ？

/* 2カラム記事の幅 */
.l-main {
    width: 75%;
}
@media only screen and (max-width: 767px){
    .l-main {
        width: 100%;
    }
}
/* 2カラムサイドバーの幅 */
.l-sidebar {
    width: 25%;
}
@media only screen and (max-width: 767px){
    .l-sidebar {
        width: 100%;
    }
}
/* 2カラム真ん中のライン */
.l-main::before {
    right: 25%;
}

l-mainというクラスが記事部分、l-sidebarというクラスがサイドバーのようです。それぞれ足して１００％になる割合でwidthを指定してあげればOK!
ちなみにデフォルトでは、67.5%：32.5%という微妙な割合でした。

@media only screen and (max-width: 767px)というところは、スマホの場合の幅を指定する部分ですが、こちらはデフォルトのままです。デフォルトのままなら書く必要ないと思ったんですが、書かないと動いてくれないようです。（なんで？）

最後の、2カラム真ん中のラインというのは、サイドバーとの境目のラインの事で、これも指定しないと見た目がおかしいです。rightをサイドバーの幅の割合と同じにするといいようです。