TwentyEleven ’コメントを残す’の文字を小さくする

ワードプレステーマTwentyElevenのコメント欄の’コメントを残す’の文字って異常にデカくないですか?これ、ズッと困ってたんです(笑

だって…、

コメントを残す (デカッww

これですよ(デフォルト表示)?チョッと大き過ぎません?ってことで、小さくしたいと思いました(笑

いや、いぃんですよ、そのままでも。私は、大きくて黒くて、チョッとあまりいぃ印象を受けなかったもんですから、それを忘れない様に書き残しておきます。

1回小さくしたのに、2回目小さくしようと思ったら、どこをカスタマイズするのか忘れちゃったんですよ(爆 だから、書いておく(笑

‘コメントを残す’の場所はココ!!

それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開き、以下の場所を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}

~~~~~~ 中略 ~~~~~

.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {  /* ココです!! */
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}

今だに探すと、どこだっけ!?って思っちゃいます(笑 見ての通り、非常に大きいサイズになっています。これを、こんな風にすると丁度いぃんじゃないでしょうか?

#reply-title {  /* ココです!! */
	color: #444444;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}

まぁ、お好みに応じて数値を変えてみて下さい。また、’font-weight’を’normal’にしてもいぃかもしれませんね。

これで、コメント欄の’コメントを残す’の文字が丁度良い大きさになったハズです。あ~、ビックリした(笑 (大きすぎてビックリしたんです…)

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

TwentyEleven ’コメントを残す’の文字を小さくする” への1件のコメント

  1. コメントもコード同様に保守されることが望ましいですが、コメントの数が多くなると保守が難しくなります。そういった状況になる前に、コメントは必要最小限に留めておくことも有効な方法です。

コメントを残す

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