画像の周りのみっともない枠を消す

メディア追加した画像の枠が気になる時がありますよね。通常は気にならないのですが、下のような場合はみっともないと思いませんか。

20150217image1

検索しますと、次のようにするとよいと書かれています。

スタイルシートで次 のように定義して、

img.borderless { border-radius: 0; box-shadow: none; }

実際に画像を配置するところで、次のように記述します。

<img src=”#” alt=”” class=”borderless” />

しかし、Twenty Twelve の場合、枠が消えませんでした。

さらに検索しますと、次のサイトがありました。

http://office-goto.info/wordpress/img-frame-border/

Twenty Twelve のスタイルシートの次の部分をコメントアウトしてしまうというものです。

20150217code1

しかし、子テーマでコメントアウトしても指定が取り消しにはならないでしょうから。ここではこの部分を子テーマにコピーして、下のように書き換えてみました。

 

すると、このよう枠が消えて見栄えよくなりました。

20150217image2

そもそも デフォルトで枠がつくようになっているのがおかしいと思いませんか。枠を付けたければ画像編集ソフトで付けるか、付けたいところだけスタイルシートで設置すればいいのではないでしょうか。

Follow me!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください