SWELLのウィジェットエリアを可視化するサイトを作りました

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

ふきだしのアイコン、スマホで見た時にもう少し大きくしたいなーって時の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】必須です。

いい感じでどうぞ!

上手くいったらシェアしてね!
  • URL Copied!

お気軽にどうぞ!

コメントする

もくじ
閉じる