記事タイトルのフォントサイズ【字の大きさ】を変更 | 南大阪・松原市で働く行政書士のブログ

記事タイトルのフォントサイズ【字の大きさ】を変更

ブログを見返していて、どうも記事タイトルのバランスが悪かったのでフォントの大きさを調節してみました。


方法
まず【管理画面】→【デザインの変更】→【CSSの編集】へと進み、「使用中のブログデザインCSS」をコピー

そして適当なテキストエディタに貼り付け。


エディタの検索機能で【title】を検索

すると自分のブログのCSSではこんな部分が見つかりましたので
(使用しているCSSによって多少違いますが、大体似たような記述があると思います。フォントの単位もem以外にpxなどなどあります。)
-----------------------------------------------------
/*記事タイトル*/
.entry h3.title{
font-size:1.7em;
font-weight:bold;
line-height:1.1;
-----------------------------------------------------
       ↓↓
これを色々調節した結果、次のように変更
       ↓↓
-----------------------------------------------------
/*記事タイトル*/
.entry h3.title{
font-size:1.45em;
font-weight:bold;
line-height:1.1;
-----------------------------------------------------


あとは表示を確認して最終OKなら保存ボタンをクリック。

あまりに微妙過ぎる修正なのでほとんど違いがわからないと思いますが、自分なりに結構しっくりきたように思います。


アメブロカスタマイズ目次