お気に入りボタンのカスタマイズ

Question

お世話になります。

「お気に入りボタンのカスタマイズ」
https://club.ec-masters.net/index.php?ecm-designcustomize

を参考にし、お気に入りボタンをカスタマイズしてみました。

すると、商品とショップのボタンがあるのですが、2つのボタンが改行されており、
できればスペースがあるので、横並びにしたいと考えています。

どうすれば横並びに出来ますでしょうか。

基本的な質問ですみませんが、ご回答よろしくお願いします。

Accepted Answer

ECマスターズの田中です。

「お気に入りボタンのカスタマイズ」でご紹介した
スタイルシートに、以下の規則を加えていただけますでしょうか。

===== この下の行から ================
/* ２つのボタンを横並びにする */
body #rakutenLimitedId_aroundCart #serviceTableSml td.favorite { width: 460px !important; }
body #rakutenLimitedId_aroundCart #serviceTableSml td.favorite > div { display: inline-block; }
===== この上の行まで ================
※上記規則の「460」の部分が、ボタン2つ分の幅を示しております。
　ボタンの間が改行される場合は、幅が足りないことが原因ですので、
　数字を増やして再度ご確認ください。

Answer

早速ご回答いただきありがとうございます。

2行追加後、ボタンが横並びになりました。

ありがとうございました。