バナー設置君のアイコン表示について

Question

お世話になっております。店舗のトップページ(GOLDで作成中)に、バナー設置君を使って「Font Awesome」のアイコンを追従バナーとして表示させたいです。画像ではなく、linkで直接読み込めると良いのですが、何か方法がありましたら教えていただきたいです。

Accepted Answer

ECマスターズの伊藤です。>画像ではなく、linkで直接読み込めると良いのですがアイコンでご利用いただくタグはの形式のものでお間違いでしょうか。バナー設置君で、画像を空欄で作成いただき、をに変更してご利用くださいませ。また====#【ID名】 img {width: auto;height: auto;vertical-align: bottom;}====の部分は、画像にのみにしか適用されませんので、削除されなくても問題はございませんが、不要な部分となっております。

Answer

ECマスターズ　伊藤様ありがとうございます！

Answer

ECマスターズの伊藤です。> アイコンの背景(ボタン)を丸くしたかったのですが、つぶれた丸のようになってしまって> なかなかうまくいきません。アイコンのサイズが指定されていないため、radiusの倍のサイズを縦横に指定してください。また、paddingが上下左右で異なる数値が入っていて、縦横のサイズが安定しないため、box-sizing: border-box;（サイズにpaddingを含める設定）の追加をお願いします。例：#fixedBanner1 i にheight:60px;width:60px;box-sizing: border-box;を追加

Answer

ECマスターズ　伊藤様返信いただき、ありがとうございます。記載されているように書き換えたら無事丸くなりました！とても勉強になりました。ありがとうございました。

バナー設置君のアイコン表示について

カテゴリーから探す