賢威7トップページの画像に影をつける方法



賢威7でトップページの画像に影をつけたい場合は、
ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

base.cssの一番下に以下のコードを貼り付けます。


pxで影の範囲は調節できます。

.article-body img {
box-shadow: 0 0 30px rgba(0,0,0,.4);
}



変更前

kagewotiltupugazoukei7 (2)


変更後(画像の周囲に影が入っています。)

kagewotiltupugazoukei7 (1)


60pxの場合(画像の周囲の影が大きくなっています)

toltupupe-ji60pxsa


賢威7投稿ページや固定ページの画像に影をつける方法



賢威7で投稿ページや固定ページの画像に影をつけたい場合は、
ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

base.cssの一番下に以下のコードを貼り付けます。


pxで影の範囲は調節できます。

.single .article-body img,
.page .article-body img {
box-shadow: 0 0 30px rgba(0,0,0,.4);
}



変更前

keni7toukoukage  (1)



変更後

keni7toukoukage  (2)



60pxの場合


keni760pctoukou




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