買い物カゴの画像の変更について

Question

id=1555を参照しました。
ソースは、下記のように書きましたが、画像が変更されません。
もう、下記の方法では、カゴボタンを変更できいないのでしょうか。
貼り付け場所は、共通説明文（大）、ヘッダーの両方を試しました。
変更できるようアドバイスをお願い致します。



/* 買い物かごボタンの変更 */
body div#rakutenLimitedId_aroundCart input.rCartBtn,
body div#rakutenLimitedId_aroundCart input.rCartBtn[type="submit"] {
background-image: url(https://www.rakuten.ne.jp/gold/店舗名/img/cart.jpg) !important;
width:200px !important;
height:65px !important;
}
body div#rakutenLimitedId_aroundCart input.rCartBtnHover,
body div#rakutenLimitedId_aroundCart input.rCartBtnHover[type="submit"] {
background-position: 0 0 !important;
opacity: 0.5;
}

Answer

ECマスターズの田中です。

> もう、下記の方法では、カゴボタンを変更できいないのでしょうか。

はい、買い物かごボタンの構造が変わっておりますので、
こちらの方法では変更することができません。

ソースの中でいただいた画像を原寸大で表示させたい場合は、
下記のようなソースになります。

= この下の行から ====================


/* 買い物かごボタンの変更 */
div#rakutenLimitedId_aroundCart .add-cart.new-cart-button span {
  visibility: hidden;
}
body div#rakutenLimitedId_aroundCart .add-cart.new-cart-button {
  width: 260px !important;
  height: 65px !important;
  background-image: url(https://www.rakuten.ne.jp/gold/店舗名/img/cart.jpg) !important;
}


= この上の行まで ====================

Answer

ありがとうございます。解決しました。