WordPressテーマ Simple Daysで画像に入る影と線を消す方法
2021-01-10
テーマ Simple Days が好きで使っているのですが、画像に影がついてしまいます。
デフォルトでbox-shadowが設定されているためです。

カスタマイズや、左のブロック設定なども隅々までみたのですが、影を消す選択肢はありません。
画像を並べて1つのつながったものとして表示したい場合は、ちょっと困ります。
そこで、デベロッパーツールの出番です。
別ブラウザか別タブで、ページを表示し、画像の近くで右クリックすると、

wp-block-image img,.blocks-gallery-item img というセレクタであることがわかります。
これ以前にも設定したのですが、アップデートされるうちにセレクタ名が変わったようです。
困ったときの追加CSS (笑)
もうね、結果良ければいいの。

これを追加。
.wp-block-image img,.blocks-gallery-item img {
box-shadow:none}
これでドロップシャドウは消せました。
実は、シャドウは消えますがうっすらと線が残るんです。画像自体にではなく、そのブロックを表す領域のように思いますが、どうしても消せず。
現段階ではここまでが限界です(笑)。
わかり次第、追記。もしくはテーマ元が対応してくれることを願います。
以上、デフォルトでつく画像のドロップシャドウを消す方法でした。