\このブログが役に立ったら/
【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】必須です。
いい感じでどうぞ!
お気軽にどうぞ!