【SWELL】ふきだし画像のサイズ調節（スマホサイズでのみ大きくする）

2021年2月25日2021年4月23日

ふきだしのアイコン、スマホで見た時にもう少し大きくしたいなーって時のCSSをメモっておきます。

【SWELL】ふきだしアイコンのサイズ調節

CSSを貼り付ける場所は「外観」→「カスタマイズ」→「追加CSS」です。
インデント付けてないので、自由に調節してください。

@media screen and (max-width: 480px){
.c-balloon__icon {
width: 100px;
}
.c-balloon__iconImg {
width: 100px;
height: 100px;
}
}

サイズは自由に調節してください。
（100pxはちょっと大きすぎるかも…）

80pxまでだと【.c-balloon__iconImg】の部分だけでOKですが、それ以上の大きさにしたい場合は【.c-balloon__icon】必須です。

いい感じでどうぞ！

¥1,782 （2021/02/16 18:42時点 | Amazon調べ）

＼今日は楽天ポイント5倍の日／

＼ポイント5%還元！／

ポチップ

上手くいったらシェアしてね！