makeshopの商品詳細ページのカスタマイズについて

Question

ECマスターズ　ご担当者

お世話になっております。
表題の件で質問です。

https://www.orlo-matsuge.com/smartphone/detail.html?id=000000000005

上記のサイトをスマホで確認して頂きたいのですが
添付画像の赤枠に囲んだ2箇所を修正したいのですが
どのようにすれば良いかご教示お願い致します。


①
赤枠の箇所

残りあと10個と表示されていますが
残の文字だけが数量を入れるボックスの横にあるので
ボックスの直下に、1行で表示されるようにしたいです。

②
赤枠の箇所

数量の文言がありますが
https://www.orlo-matsuge.com/smartphone/detail.html?id=000000000091

上記の商品のように数量設定をしていない時と同じように
数量を入力するボックスに対して、中央に配置したいです。

以上2点ご確認宜しくお願い致します。
お返事お待ちしております。###HR######IMG0f88e84d83efb3a19274393c25d65383c.jpegIMG0###

Accepted Answer

ECマスターズの土屋です。

>以上2点ご確認宜しくお願い致します。
>お返事お待ちしております。

こちらに関しまして
下記のCSSを反映して頂き
ご希望のレイアウトになるかお試し頂けますでしょうか。

.amount dd {
    white-space: nowrap;
}
input[name="amount"] {
    display: block;
}

お手数おかけしますが
動作の確認の程お願いいたします。

Answer

ECマスターズ　土屋様

お世話になっております。

＞こちらに関しまして
＞下記のCSSを反映して頂き
＞ご希望のレイアウトになるかお試し頂けますでしょうか。


無事に反映されました。
ありがとうございます。

今後とも宜しくお願い致します。