[ 解決済 ] ヘッダー上部とグローバルメニューの文字サイズ変更したい

[r_o]

■ WordPress のバージョン
6.6.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.26.2

■ Pro Unit のバージョン
0.26.8

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.5

■ 期待する動作
ヘッダー上部とグローバルメニューの文字サイズ変更したい

■ 自分で試した事
以下のサイトを参照して「外観 > カスタマイズ > 追加CSS」にLightning ＋ Lightning G3 Pro Unitを利用する場合の追加CSSを記述しましたが、文字サイズが変更されません。

■参照サイト

Lighting Pro の ヘッダー上部の文字サイズを変更する

[ 解決済 ] ヘッダー上部の文字サイズを変更したい

■追加したCSS

@media (min-width: 992px) {
/*説明部分*/
.header-top .header-top-description{
font-size:16px;
}
/* ヘッダートップナビゲーションメニュー部分 */
.header-top ul>li>a, .header-top ul>li>span{
font-size:18px;
}
/* コンタクトボタン */
.header-top .header-top-contact-btn a.btn{
font-size:18px;
}
}

■ 症状が発生するブラウザ
Google Chrome

■ 実際の症状
「ヘッダー上部の文字サイズを変更する」のcssを追加したが、反映されません。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

グローバルメニュー（HOME・お客様の声・会社情報…）のフォントサイズ指定のセレクタは

.global-nav-list>li .global-nav-name

です。

「今すぐ相談する」ボタンのフォントサイズ指定のセレクタは

.site-header-sub .contact-btn a

です。

以下のページの「4.1. 変更したい箇所のCSSセレクタをデベロッパーツールで調べる」のあたりが参考になります。

できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説

Attachments:

You must be logged in to view attached files.

[r_o]

ご教示いただいた内容で解決いたしました。ありがとうございました。
デベロッパーツールのクラス名をみて他の部分のカスタマイズも試してみようと思います。

[投稿者]

投稿