会員サイトをリニューアルしました! 新サイトはこちら

ふきだしブロックのアイコンのサイズ変更について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ふきだしブロックのアイコンのサイズ変更...
 
通知
すべてクリア

ふきだしブロックのアイコンのサイズ変更について

3 投稿
2 ユーザー
1 Likes
1,348 表示
くろすけ
(@kurokiryosuke)
New Member
Topic starter
 

はじめまして。

SWELLのふきだし機能はとても使いやすいのですが、スマホで見たときにアイコンのサイズが少し小さいように感じます。

できればアイコンの表情の変化まで伝わるようにサイズを大きく変更する方法(追加のCSSコード)をご教授いただけると幸いです。

This topic was modified 4年前 by くろすけ
 
投稿済 : 25/02/2021 12:17 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

基本的にCSSでのカスタマイズに関してはサポート範囲外なので、コードの書き方などはご自身で勉強していただく形になっています。

しかし、今回の件は他にも知りたい人が多くいそうなので、コードの一例を紹介しておきます。

▼ PCサイズと同じにする場合のコードです。

.c-balloon__iconImg {
    width: 80px;
    height: 80px;
}

▼ 別の数値にする場合は、メディアクエリを使ってスマホサイズにのみ適用させます。

@media (max-width: 599px) {
    .c-balloon__iconImg {
        width: 70px;
        height: 70px;
      }
}
 
投稿済 : 25/02/2021 1:33 pm
たかこ reacted
くろすけ
(@kurokiryosuke)
New Member
Topic starter
 

さっそくのご回答ありがとうございます。

了さんがおっしゃるようにコードの書き方を少しでも勉強しないといけないですね^^;

サポート外にもかかわらずコードの一例を紹介していただきサイズを変更できずにモヤモヤしていた気持ちがスッキリしました。これからもSWELLを愛用させていただきます。

了さんのますますのご活躍に期待しています。

 
投稿済 : 25/02/2021 2:38 pm
共有: