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

[VWSカスタマー]

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

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%;
}

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

[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;
}

[VWSカスタマー]

RICK 様

お世話になります。

有難うございます。

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

感謝です。

[投稿者]

投稿