TwentyTen ヘッダー画像の上下の黒い線を消す

ワードプレステーマ 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;
}

これだけで、ヘッダー画像の上下の黒い線が消えたと思います。とっても簡単に出来たので、非常に助かりました。


にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

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