トップページスライドショーの文字サイズについて

[takesho]

Lightning proを利用しており、Lightning Skin Paleを使用、スライドタイトル・スライドテキストを利用させていただいていますが、PCとスマホでサイズをそれぞれ変えることは出来ますでしょうか。

その際はどのようにすればいいか、教えていただけたらと思います。

[DRILL LANCER]

現状の設定では下記のようになっています。
下記をベースとした CSS を改変したものを下記のいずれかに設置してみてください。

• 子テーマの style.css
• 外観 ＞ カスタマイズ ＞ 追加CSS
• ExUnit ＞ CSSカスタマイズ

/* スライドのタイトル */
.slide-text-title {
    font-size: 2.5vw;
}

/* スライドの説明文 */
.slide-text-caption {
    font-size: 10px;
}

/* スライドのボタン */
.slide .btn-ghost {
    font-size: 1.7vw;
}

@media (min-width: 576px) {
    /* スライドの説明文 */
    .slide-text-caption {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    /* スライドのタイトル */
    .slide-text-title {
        font-size: 2.5vw;
    }
}

@media (min-width: 992px) {
    /* スライドの説明文 */
    .slide-text-caption {
        font-size: 1.3vw;
    }
    /* スライドのボタン */
    .slide .btn-ghost {
        font-size: 1.3vw;
    }
}

[takesho]

DRILL DANCER様

丁寧なご回答ありがとうございました。おかげで解決しました。

[投稿者]

投稿