VWSとは フォーラム Lightning [ 解決済 ] トップページスライドショーの文字サイズについて

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

  • このトピックには2件の返信、2人の参加者があり、最後にtakeshoにより2週、 2日前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #29208

    takesho
    参加者

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

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

    #29220

    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;
        }
    }
    #29327

    takesho
    参加者

    DRILL DANCER様

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。