Bloggerのタイトルと説明の行間を狭くしたい

2015年5月22日

Bloggerのレイアウトテンプレートの「シンプル」は文字通りシンプルで余計な装飾が無く気に入ったデザインなのですが、唯一気に入らないのがタイトルと説明の行間が広すぎることです。(それ以前にタイトルの文字が大きすぎることは置いておいて。)

行間を調整するには「マイ ブログ」>「テンプレート」>「HTMLの編集」で

.header-inner .Header .titlewrapper

の項目を探し

.header-inner .Header .titlewrapper {
padding: 30px $(header.padding);}

.header-inner .Header .titlewrapper {
padding: 30px 0px 30px 30px $(header.padding);}

へ変更します。

デフォルトで上下左右30px間隔を空けているのを上左右だけ30px間隔を開けるように変更しています。