ワードプレステーマ TwentyTenでヘッダー画像をアップロードすると、推奨サイズにも関わらず画像の上下に黒い線が入ってしまいます。
もちろん、サイトやヘッダー画像によっては気にならない人もいるとは思いますが、私は非常に邪魔臭く感じてしまったので、その黒い線を消すことにしました。
管理画面の「外観」⇒「テーマ編集」から、スタイルシートを選択して以下の部分を探してみて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)
/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;
}
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
この部分を以下の様に編集して下さい。(コメントアウトするだけです。)
/* This is the custom header image */
#branding img {
/* border-top: 4px solid #000;
border-bottom: 1px solid #000; */
display: block;
float: left;
}
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
これだけで、ヘッダー画像の上下の黒い線が消えたと思います。とっても簡単に出来たので、非常に助かりました。