[ 解決済 ] Lightning G3 pro でのスライドショーの文字サイズとメニューバーサイズの変更について

[藤川佳正]

■ WordPress のバージョン
6.3

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

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

■ テーマのバージョン
15.10.0

■ Pro Unit のバージョン
0.25.1

■ スキンの種類
Origin III

■ 期待する動作
トップページのスライドショーの文字とメニューバーの文字ですが、サイズを大きくしたいなと思っています。

■ 自分で試した事
/*スライドのタイトル*/
.slide-text-set .slide-text-title {
font-size: 5vw;
}
/*スライドの文章*/
.slide-text-set .slide-text-caption {
font-size: 20px;
}

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

■ 実際の症状
何も反映されません。

[うなこ]

■ 自分で試した事
/*スライドのタイトル*/
.slide-text-set .slide-text-title {
font-size: 5vw;
}
/*スライドの文章*/
.slide-text-set .slide-text-caption {
font-size: 20px;
}

CSSクラス名を見ると、おそらくKatawaraテーマのクラス名のようです。
Lightningではクラス名が変わります。調べ方は、デベロッパーツールで調べられます。
添付画像は、デベロッパーツールでスライドショーのタイトル部分を調べています。
そうしますと、以下のクラス名ではないかと思います。

/*スライドのタイトル*/
.ltg-slide-text-title {
font-size: 〇〇;
}
/*スライドの文章*/
.ltg-slide-text-caption {
font-size: 〇〇;
}

ちょっとした文字サイズなど変えたいときは、こちらの「できる！CSSカスタマイズ」を見ていただくと、とてもわかりやすいと思いますので、ぜひご確認ください。

できる！CSSカスタマイズ

Attachments:

You must be logged in to view attached files.

[藤川佳正]

うなこさん大変助かりました。ありがとうございます。

[投稿者]

投稿