RMS商品カゴ周りのバナー設置について(PC)

Question

お世話になります。

デザインレシピ・お気に入りボタンを好きな画像で表示させる方法（PC）をヘッダーコンテンツへ利用しています。よって全てのページに反映されてます。
https://club.ec-masters.net/index.php?design_page1


任意の商品ページのみ、バナーを差し入れたい為、PC用商品説明文へ入れました
https://item.rakuten.co.jp/mekin-hiroba/10000007/

PC用商品説明文へ
↓

 /* 365日発送 */
body #rakutenLimitedId_aroundCart div.bkm{
 width: 306px !important;
 }
 body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
 width: 306px !important;
 height: 48px !important;
 background: url(https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/1bn874.jpg) no-repeat 0 0 !important;
 }
 body div.bookmarkArea div.bkm a.addBkm {
 width: 306px !important;
 height: 48px !important;
 }


を入力しましたら、添付のように２個並びになりました。

■この場合、上から順番に「お気に入り商品に追加」「お気に入りショップに追加」「365日発送できます」のバナーを３個並べる為には、どのような操作をすればいいでしょうか？

よろしくお願いします###HR######IMG02052a262c2603e8de459366acc22b0c6.pngIMG0###

Answer

ECマスターズの田中です。

> ■この場合、上から順番に「お気に入り商品に追加」「お気に入りショップに追加」「365日発送できます」のバナーを３個並べる為には、どのような操作をすればいいでしょうか？

PC用商品説明文に貼り付けていただいたタグを、
下記のタグに置き換えていただきますようお願いします。

= この下の行から ====================

/* 365日発送 */
#serviceTableSml .favorite:after {
    content: "\00a0";
    width: 306px;
    height: 48px;
    display: block;
    text-indent: -100%;
    overflow: hidden;
    margin-top: 116px;
    background: url(https://image.rakuten.co.jp/mekin-hiroba/cabinet/05044763/1bn874.jpg) no-repeat;
}

= この上の行まで ====================

なお、この方法で追加した画像にリンクを張ることは出来ませんので、
予めお含みおきくださいますようお願いします。

Answer

田中さん

ありがとうございます。解決しました。助かりました