ワードプレス

賢威7でヘッダーのロゴ画像上下にある余白を消す方法

スポンサードリンク
スポンサードリンク

こんにちは、マツコ・ミニマムです。

賢威7でヘッダーにロゴ画像を設定している人は多いかと思いますが、その際画像の上下に余白ができ、邪魔だと思ったことはありませんか?

そこで今回は「賢威7でヘッダーのロゴ画像上下にある余白を消す方法」を紹介していきます。

ヘッダーロゴ画像上下の余白削除手順

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

530行目に以下のコードがあり、ここに修正を入れる事で余白が削除できます。F3を推すとキーワード検索できるので探してみてください。

余白を削除するには「padding: 30px 0;」という数字を変更します。以下のように「0」に変更してください。

ちなみに、数字をoではなく10や20にすることで余白の調整ができます。余白なしではなく、少し余白を残したいという方におすすめです。

「ファイルを更新」をクリックすれば作業は終わりです。最後に、ヘッダーロゴ画像上下の余白が無くなっているか確認してみましょう。

 

最後まで読んでいただきありがとうございました。

 

他にはこんな記事が読まれてます


スポンサードリンク
スポンサードリンク

過去ログ

PAGE TOP