ワードプレス

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

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

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

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

スポンサードリンク



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

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

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

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

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

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

 

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

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

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


関連記事

  1. ファビコンってちゃんと作ってる?設定方法から自分で綺麗に作成する…
  2. 賢威7でh2(見出し)h3(見出し3)の文字色や背景色をコピペで…
  3. TCDテーマ「CORE」で記事のアイキャッチ画像を非表示にする方…
  4. TCDテーマ「CORE」でサイトのレイアウトをカスタマイズしてみ…
  5. TCDテーマ「CORE」でSNSボタンのシェア数をカウントをする…
  6. TCDテーマ「CORE」で記事下にアドセンスを貼る方法
  7. TCDテーマ「CORE」でAddQuicktagを使うならTCD…
  8. TCDテーマ「CORE」で関連記事の数を変更する方法
スポンサードリンク
スポンサードリンク

過去ログ

PAGE TOP