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

賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する方法

どうも。葉です。

この記事では、賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する方法を解説していきます。

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

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

下図の「変更前」→「変更後」のようにグローバルメニューのフォントサイズを変更することができるようになります。

変更前

デフォルトのグローバルナビのフォントサイズ

変更後

グローバルナビのフォントサイズが小さくなった

では、実際にCSSコードの編集作業を行っていきます。

2.賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する手順

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

賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する手順1

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

賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する手順2

「base.css」の中で「.global-nav-in li」と記述されている場所を探してください。そして、その内側に次のコードを貼り付けてください。

    font-size: .8em;

※「.8em」とは、通常の0.8倍の大きさという意味です。

賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する手順3

これで、グローバルナビ(グローバルメニュー)のフォントサイズが変更されているはずです。

3.まとめ

この記事では、賢威7のグローバルナビ(グローバルメニュー)のフォントサイズを変更する方法を解説しました。

この他にも、賢威7のグローバルナビ(グローバルメニュー)を編集したい場合は、次の記事を参考にしてください。

 

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

最新情報をお届けします

WordPress 賢威カスタマイズ