賢威7でヘッダーロゴ画像の上下の余白を無くす方法

 

賢威7でヘッダー部分のロゴ画像を適用した場合、ロゴ画像の上下の余白が気になりますよね。

 

今回は、ロゴ画像の上下にある余白の削除方法を解説します。

 

ヘッダーロゴ画像の削除方法

WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。

そして、「ヘッダー」という部分にある、以下のコードを探します。(「賢威7スタンダード版」では、530行目あたりにあります。)

 

マーカーで示した行にある「30px」という数字を変更することで、ヘッダーロゴ画像の上下の余白の幅を調整できます。今回は余白を無くす方法を解説しますので、この部分を以下のように「0」に変更します。

 

最後に、ページ最下部の「ファイルを更新」を選択します。これで終わりです。

ヘッダーロゴ画像の上下の余白が無くなっているか確認してみましょう。

 

ヘッダーロゴ画像の上下の余白が完全に消えましたね。

先ほどもお話したように、「30px」という部分の数字を変更することで、余白の幅は自由に変更することができますので、ぜひお好きな幅に設定してみてください。

▶ 「賢威7」のカスタマイズ一覧【完全版】

メールマガジン登録





コメントを残す

サブコンテンツ

このページの先頭へ