VWSとは フォーラム Lightning [ 解決済 ] スライダー上のスマホ表示での文字の大きさを変更したい

[ 解決済 ] スライダー上のスマホ表示での文字の大きさを変更したい

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #27633

    ご指導お願いいたします。

    WordPress 5.3
    Lightning pro

    スライダー上の文字を変更しております。

    PC で文字を大きく

    .slide-text-title,
    .slide-text-caption {
    text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #f00 !important;
    font-size:20px;
    }
    h3.slide-text-title{
    margin-left:0%;
    width:70%;
    font-size:34px;
    }
    スマホの場合は下記を設定しているのですがうまくいきません。

    /* スマホ */
    @media screen and (max-width:667px){
    /* スマホでは説明文を全幅に */
    .slide-text-set>div.container{
    margin-left:0%;
    width:100%;
    /* スライドの下からの位置で配置 */
    position:absolute;
    bottom:0px;
    font-size: 80%;
    }

    ご教示宜しくお願いいたします。

    #27644

    DRILL LANCER
    参加者

    スマホの場合の部分の}が1個足りないのが原因と思われます。
    それ以外に効かない原因はなさそうな気がします。

    /* スマホの場合 */
    @media screen and (max-width:667px) {
    
    	/* スマホでは説明文を全幅に */
    	.slide-text-set > div.container {
    		margin-left:0%;
    		width:100%;
    		/* スライドの下からの位置で配置 */
    		position:absolute;
    		bottom:0px;
    	  font-size: 80%;
    	}
    
    }
    
    /* PC の場合 */
    .slide-text-title,
    .slide-text-caption {
    	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #f00 !important;
    	font-size:20px;
    }
    
    h3.slide-text-title {
    	margin-left:0%;
    	width:70%;
    	font-size:34px;
    }
    #27647

    RICK 様

    お世話になります。

    有難うございます。

    おかげ様で、解決できました。

    感謝です。

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