まとめサイトテンプレートのヘッダー画像変更方法

まとめサイトテンプレートをご利用いただきありがとうございます。
http://www.lopweb.net/?pid=100610641
この度は、よくあるカスタム方法を掲載したいと思います。
初期設定ではヘッダータイトルはテキストのみとなっていて、画像を設定したい場合は多いと思います。
SEO的にはテキストのほうが良いのですが、ヘッダー部はかなり目立つ部分であり、サイトのイメージを主張したい部分です。
初期設定ではCSSで余白指定などがあり、いじらないと表示がきれいに収まらない事例も考えられます。
そこでまとめサイトテンプレートのヘッダーを画像に入れ替える方法は以下になります。

1.横幅640pxの画像を制作

2.画像をサーバーにアップロード

3.header.php変更

*****

 *****を

に変更

4.style.CSSを変更

.header-area h1{
padding-top:2.3em;
padding-bottom:2.3em;
background-color: #FFFECE;
}

.header-area h1{
padding-top:0em;
padding-bottom:0em;
background-color: transparent;
}
参考サイト
http://dott.link/
padding-top、padding-bottomで余白を取っていたものを0にしています。
background-colorで背景色が指定されていますが、transparentで解除できます。
padding-top:2.3em;
padding-bottom:2.3em;
background-color: #FFFECE;
をごっそり消してしまっても同じではあります。
ぜひ、販売物なのでバックアップを取ってから変更よろしくお願いします。