Lightning 標準のトップページのスライドショーのフォントサイズを変更するには、子テーマの style.css などに以下の 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);
}
/* ボタン */
.ltg-slide .btn {
font-size: clamp(12px,1.8dvw,16px);
}上記の CSS はデフォルトの値になっていますので、必要に応じて値を書き換えます。
このサイトのトップページのスライドショーは以下の設定にしてフォントサイズを大きめにしてあります。
/* スライドタイトル */
.ltg-slide .ltg-slide-text-title {
font-size: clamp(20px,3dvw,36px);
}
/* スライドテキスト */
.ltg-slide .ltg-slide-text-caption {
font-size: clamp(15px,2dvw,20px);
}
/* ボタン */
.ltg-slide .btn {
font-size: clamp(12px,1.8dvw,16px);
}
Lightning テーマ使用
中小企業様、個人事業主様向け
最適なホームページ
を制作いたします
| 制作費用 | クオリティを落とさずに 価格を抑えたサイトを制作します |
| 必要十分 | お問い合わせフォーム、新着情報など 必要なものが最初から揃っています |
| サポート | 1年間のサポートがついて安心 初めてでもホームページを活用できます |
