テーマの作成者から編集しないようにアドバイスされている、Wordpress CSS テーマに次のセレクターがあります。
.entry img, img.thumbnail {
margin-bottom: 10px;
padding: 2px;
border: 1px solid #DDD;
background: white;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
そこで、上記の CSS セレクターの効果を「キャンセル」しようとするために、これを補助 CSS に追加しました。
.entry img, img.thumbnail {
margin-bottom: 0px;
padding: 0px;
border: 0px;
background: #fff;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
しかし、それは何も変わっていないようです。上記のスニペットで何を編集する必要があるのか わかりません。
Google Chromes インスペクタで次のオプションを手動でオフにすると、取り除こうとしている境界線が消えます。
- -moz-box-shadow
- -webkit-box-shadow
- ボックスシャドウ