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

タグ: スライド文字

このトピックには2件の返信、2人の参加者があり、最後にVWSカスタマーにより4年、 11ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2019年12月12日 4:39 PM #27633

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

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

2019年12月12日 5:58 PM #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;
}
```
2019年12月12日 6:26 PM #27647

VWSカスタマー
参加者
制作実績

RICK 様

お世話になります。

有難うございます。

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

感謝です。
投稿者

投稿