【はてなブログカスタマイズ】記事のタイトル（記事の題名）の文字の色・大きさを変更する方法

 カスタマイズを始める前に

• 念のためバックアップをとりましょう
• このページに記載するCSSコードは「ダッシュボード」→「デザイン」→「カスタマイズ（スパナのマーク）」→「デザインCSS」に記載します

はてなブログ「記事のタイトル」をカスタマイズ！

ブログ記事タイトル（赤枠で囲った部分）の「文字の色」と「文字の大きさ」をカスタマイズします。

まず、文字の大きさ。

これは簡単に変えることができます。

文字の大きさを20pxにして、太文字にしたい場合のCSSコードは下記の通り。

/* 記事タイトルの大きさ変更 */

.entry-title {
font-weight: bold;　/* 太文字 */
font-size: 20px;　/* 文字の大きさ */

}

そして文字の色。

これが結構大変でした。普通に考えると....

.entry-title a{
　color: #808080;
}

かな？と書いてみたけれど....変わらない。

数時間悩んでたどり着いてできました。CSSコードはこちら。

/* 記事タイトルの色変更 */

h1.entry-title a{
color: #808080;　/* 文字色 */
}

下記のサイト様を参考にさせていただきました。

結構長く頭を抱えて悩んだので助かりました。本当にありがとうございます。

osato512.hatenablog.jp

一生懸命書いた記事のタイトルですから、お好みの大きさと色にぜひカスタマイズしてみてください♪