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

このトピックには3件の返信、3人の参加者があり、最後に石川＠Vektor,Inc.により2ヶ月前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2024年9月17日 2:16 PM #100990

VWSカスタマー
参加者

■ WordPress のバージョン
6.6.2

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

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

■ テーマのバージョン
15.26.3

■ Pro Unit のバージョン
0.27.1

■ スキンの種類
Origin

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

2024年9月17日 5:10 PM #100996
対馬俊彦
参加者
制作実績
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 標準のスライドショーよりもできることがはるかに多いし、柔軟な設定が可能です。
2024年9月19日 2:31 PM #101050

VWSカスタマー
参加者

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

2024年9月19日 2:50 PM #101052

石川＠Vektor,Inc.
キーマスター
制作実績

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

投稿