賢威7.1のサイドバーとコンテンツに影をつける方法

【編集】　base.css

下の画像が賢威のスタンダード版のサイドバー付近なのですが、シンプルといえばシンプル。ですが、あまりにも寂しい感じかしませんか？。

もう少し、枠とか背景と境をつけるようなデザインにしたいですよね。

そこで、CSSにコードを少し付け足して、目立ちすぎない程度に枠と影をつけてみます。

付け足すコードは以下です。

/*コンテンツとサイドバ－に影をつける/*
/*==================================*/
.widget-conts,.post {
border: solid 1.5px #A9A9A9;/*線の太さ、色*/
box-shadow: 6px 6px 12px rgba(0,0,0,0.4);/*影の大きさ、位置*/
margin-bottom: 1.0em; /*ウィジェット同士の間隔*/
border-radius: 5px;
}

このコードをダッシュボードから「外観」→「テーマの編集」で、base.cssを開きます。