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

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