[ 解決済 ] lightning G3でのスライドショーテキスト（スマホ表示の場合）

[VWSカスタマー]

■ WordPress のバージョン
6.6.2

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

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

■ テーマのバージョン
15.26.3

■ Pro Unit のバージョン
0.27.1

■ スキンの種類
Origin

スライドショー内のタイトルとテキスト（キャプション）がスマホ表示時に小さすぎるように感じます。
スマホの表示時のみ上記テキストサイズを変更するためのCSSなどご教示いただけますでしょうか？

[対馬 俊彦]

Lightning G3 のトップページのスライドショーのフォントサイズの CSS は以下のようになっています。

/* スライドタイトル */
.ltg-slide .ltg-slide-text-title {
    font-size: clamp(16px,3dvw,32px);
}

/* スライドテキスト */
.ltg-slide .ltg-slide-text-caption {
    font-size: clamp(12px,2dvw,18px);
}

とりあえず、
スライドタイトルの 16px
スライドテキストの 12px
の部分を書き換えればスマホ表示に反映されます。

お時間があれば、VK Blocks のスライダーブロックを使ってみるといいと思います。

https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-blocks/block-slider/

ちょっとだけ手間は増えますが、
Lightning 標準のスライドショーよりもできることがはるかに多いし、柔軟な設定が可能です。

[VWSカスタマー]

ご丁寧なアドバイスに感謝いたします。無事にCSSの書き換えでスマホ表示時のスライドタイトルとテキストの大きさを変更することが出来ました。またVK Blocks のスライダーブロックもスライダーを非表示にしたうえで試してみたいと思います。この度はありがとうございました。

[石川＠Vektor,Inc.]

解決なによりです。
対馬さんにベストアンサーをつけてください (￣人￣)

[投稿者]

投稿