• このエントリーをはてなブックマークに追加

賢威7のグローバルナビの上下マージン(幅)を変更する方法

どうも。葉です。

この記事では、賢威7のグローバルナビの上下マージン(幅)を変更する方法を解説します。

1.この記事を読むことでできるようになること

まずは、この記事を読んでできるようになることを確認してください。

下図の「変更前」→「変更後」のようにグローバルナビの上下マージンを変更することができます。

変更前

デフォルトのグローバルナビの上下マージン

変更後

グローバルナビの上下マージンが縮んだ

では、実際にグローバルナビの上下マージンを変更する手順を解説してきます。

2.賢威7のグローバルナビの上下マージンを変更する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7のグローバルナビの上下マージンを変更する手順1

「base.css」をクリックしてください。

賢威7のグローバルナビの上下マージンを変更する手順2

次に「base.css」内で「.global-nav-in li a」と記述されている場所を探してください。

その内側にマージンについて書かれている場所があるので、そこの数値を変更することで、グローバルナビの上下マージンが変更できます。

この記事では、次のコードに変更してみましょう。

    padding: 0em;

※0emは、通常のフォントサイズの0倍という意味です。

賢威7のグローバルナビの上下マージンを変更する手順3

これで、グローバルナビの上下マージンが変更されているはずです。

3.まとめ

この記事では、賢威7のグローバルナビ(グローバルメニュー)の上下マージンを変更する方法を解説しました。

この他にも、グローバルナビ(グローバルメニュー)のデザインを変更したい場合は、次の記事を参考にしてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

WordPress 賢威カスタマイズ