賢威7でウィジェットコンテンツに枠線と影をつける


賢威7のウィジェットコンテンツの枠線はデフォルトでは、
枠線は平面になっており影はついておりません。

ウィジェットコンテンツの枠線に影をつける事で
立体的に見せる事が出来て、ガラッと印象を変える事ができます。


WordPress管理画面から「外観 ⇒ テーマの編集」⇒「base.css」

「base.css」内の一番下に以下のコードを挿入します。

.widget-conts,.post {
border: solid 1.5px #A9A9A9;
box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
padding: 0.5em;
margin-bottom: 1.0em;
border-radius: 5px;
}


vijyetokagewo


変更前は影がない状態です。

vijyetokage



変更後は影が出ました。

vijyetokagega



参照:賢威7カスタマイズまとめ一覧