はてなブログ云云でアフィリエイトがしたい人のブログ

「はてなブログ」でアフィリエイト・ブログカスタマイズ・最適化・色々試行錯誤中!

【スポンサーリンク】

はてなブログのタイトルの大きさを変更するには

f:id:yonta24:20160203144605p:plain

私のはてなブログはテーマ「レスポンシブルー」を使わせてもらっています。

ブログタイトルがデフォルトで大きいので少し小さくしてみました。CSSを設定しタイトルを好きな大きさに変更する方法です。

ブログタイトルの大きさ変更方法

  1. デザイン設定を開く
  2. スパナマークのタブを開く
  3. 「デザインCSS」に以下のCSSを追加します
  4. 変更を保存して出来上がり
/*blog title size*/
#title{
    font-size: 2em;
}

「2em」の数字を変更すればタイトルの大きさを変更できます。「em」は親要素のフォントサイズに対して「1.5em」なら1.5倍に、「2em」なら2倍になります。(親要素のフォントサイズが16pxならば、2emで36pxに設定されます)

また単位は「em」だけでなく、「px(ピクセル)」や「%(パーセント)」でも指定可能です。