商品についての問合せボタンを画像データに変更したいです。

Question

買い物かごを画像に変更するように、商品についての問合せボタンも画像データに変更したいのですが、どのようにしたら変更できますでしょうか。また、納期（例えば、１～3日でお届けできます。）のテキストや在庫（残りあと〇個）をメイリオ等のフォントに変更することは可能でしょうか。どうぞご指導の程、よろしくお願い申し上げます。

Accepted Answer

ECマスターズの田中です。

> 商品についての問合せボタンも画像データに変更したいのですが、どのようにしたら変更できますでしょうか。
過去のお問い合わせにて回答しておりますので、
下記URLの返信をご参照ください。
https://ec-masters.club/forum/post_view.php?id=394

> 納期（例えば、１～3日でお届けできます。）のテキストや在庫（残りあと〇個）をメイリオ等のフォントに変更することは可能でしょうか。

下記のHTMLタグを
ヘッダー（もしくはレフトナビ、フッター等）に
埋め込みますと、
スタイルシートが適用されて
納期表示のフォントを変更することができます。

========== この下の行から ==================

body #rakutenLimitedId_aroundCart td.inventory font { /* 納期 */
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif !important;
}

========== この上の行まで ==================

在庫あり、在庫なしで
文字の大きさ・色を分けて指定される場合は
以下のタグをご利用ください。

========== この下の行から ==================

body #rakutenLimitedId_aroundCart td.inventory input ~ font { /* 納期（在庫がある場合） */
color: grey;
font-size: 9px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif !important;
width: 50px;
display: block;
}
body #rakutenLimitedId_aroundCart td span.inventory_soldout font { /* 納期（在庫がない場合） */
color: red;
font-size: 10px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif !important;
width: 50px;
display: block;
}

========== この上の行まで ==================

colorの右にある色の名前、font-sizeの右にある数値を変更して、
文字の色や大きさを調整することができます。

また、在庫数については、
以下のタグでフォントを変更することができます。

========== この下の行から ==================

#rakutenLimitedId_aroundCart span.rest { /* 在庫数 */
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif !important;
}

========== この上の行まで ==================

Answer

早速のご回答ありがとうございました。
本当に助かります！