質問: お買い物かご画像の変更について お買い物かごが自動変更になってしまったため、以前使っていたcssでお買いものかごの画像を変更したいとおもっております。以前使っていたcss(共通説明文(大)に記載してます。)は、商品をお気に入りに追加するボタンとお気に入りショップへ登録をするボタンと買い物かごが全部一緒になっているものでした。使っていたcssは下記になります。---------------------------お買いものかごの自動変更があった際に、お買いものかごのみが自動変更されたものになっており、お気に入り商品登録・お気に入りショップ登録は以前のままで不具合なく通常に使えています。上記cssの内容を変更してお買いものボタンを独自のものに変更することは可能でしょうか?もし変更が可能であれば変更内容のcssを教えてください。
回答: ecマスターズの田中です。「買い物かごに入れる」の文字を利用するのではなく、完全に画像に入れ替える場合の記述でしょうか。規則の終わりを示す } がスタイルの途中に入っております。下のスタイルは不要ですので、 1つ目の } 以下のスタイル、及び } は削除してください。また、マウスカーソルを当てた際、背景画像をずらすスタイルが入りますので、背景画像の位置を固定するスタイルを追加してください。下記のような規則になります。===== この下の行から ================body div#rakutenlimitedid_aroundcart input.rcartbtn, body div#rakutenlimitedid_aroundcart input.rcartbtn[type="submit"], body div#rakutenlimitedid_aroundcart input.rcartbtnhover, body div#rakutenlimitedid_aroundcart input.rcartbtnhover[type="submit"] { background: url(【画像url】) no-repeat !important; background-position: 0 0 !important; width: 【画像横幅】 !important; height: 【画像縦幅】 !important;}===== この上の行まで ================