WordPressテーマSANGOの質問

アイキャッチ画像に影をつけたい

アバター
とうやん

アイキャッチ画像にも影をつけたいのですが、調べても出てこなかったため質問しました。

イメージとしては、「副業コンパス」というサイトのような影をつけたいです。

お忙しいとは思いますが、よろしくお願いいたします。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/10/25

アイキャッチ画像に影をつけるためには、以下のようなCSSを追加すればOKです。

.post-thumbnail img {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

影の大きさなどを変えたい場合は、CSSのbox-shadowプロパティを調べてみてください。

ちなみにですが副業コンパスさんはアイキャッチ画像自体に影を含んでいるようです(CSSで影をつけているわけではありません)。

よろしくお願いいたします。

アバター
とうやん
2019/10/28

ありがとうございました。無事、解決しました。

副業コンパスさんは、元々画像に影をつけていたんですね。
わざわざ調べていただき、本当にありがとうございました。