読者です 読者をやめる 読者になる 読者になる

はてなブログ:ヘッダー画像の高さ(縦幅)を広くする

Kikusui Boko (菊水鉾)
Kikusui Boko (菊水鉾) / MShades

このはてなブログのタイトルの縦幅(高さ)を広くしてみた方法です。

最近使い始めた現在のテーマ(テンプレート)
「Blank」です。

 http://theme-blank.hateblo.jp/

今の流行りなのかヘッダー部分が狭いというか細いというか...

タイトルに画像を使っている場合 、
たて幅が狭いと画像が切れてしまって残念なことになってしまいます。

このブログもタイトルに背景画像を使用しているので
テーマそのままだと細くてイマイチな感じなのです。

 

そこで、タイトルの縦幅(高さ)をもう少し広げます。

カスタマイズはいつもと同じように
管理画面で左メニューの「デザイン」→「スパナマーク(カスタマイズ)」と開き、
一番下の「{ }」をクリックして開きます。

 そこに下のCSSを書き加えます。

#blog-title{
height:150px;
}

150の数値は任意。
当然ですが大きくなるとたて幅が広がります。
ご自分の背景画像の見え方で調整してください。

 

f:id:yukinon28:20150725032915p:plain

変更後、

f:id:yukinon28:20150725032925p:plain

はい。これだけです。

 

以上、タイトル背景画像の縦幅を広げる方法でした。

お役に立ちましたでしょうか?^^v

にほんブログ村 その他日記ブログ 日々の気になることへ

by カエレバ