サイドバーフリースペースの枠線を排除

新テンプレートでは、デザイン性の向上をはかったため
いろいろなオシャレが施されています。
サイドバーカテゴリごとに、枠線が挿入されているのもその1つです。

 

しかし、残念なことにサイドバー上下にあるフリースペース部分に
何も入力しない状態でも、この枠線が表示されてしまいます。

 

 

これではデザイン性の向上どころか、逆効果ですね＾＾；
ということで、さっそくフリースペースの枠線を消しましょう。

 

 

 

 

サイドバーフリースペース上下の枠線　カスタマイズ方法

「全体設定」→「CSS編集」→「base.css」を開きます。

 

ず〜〜と下へスクロールすると「サイドカラム」がありますので
その下の画像部分を編集します。

 

 

「#sidebar #sidebarHead」がフリースペース上部で、
「#sidebar #sidebarFoot」がフリースペース下部のことです。

 

ここにそれぞれ「border: none; 」というタグを挿入してください。

 

 

 

これでトップページの枠線は表示されなくなりました。