makeshopのカスタムについて

Question

ECマスターズ　田中様

お世話になります。

商品をカートに入れた後の画面で以下のようにカスタムしたいです。

サイトURL https://www.orlo-matsuge.com/

※スマホで閲覧お願い致します。


1.レジへ進むのボタンをアマゾンペイのボタンと同じ大きさに変更したいです。

2.アマゾンペイのボタンサイズが変更可能であれば現状のレジへ進むのボタンと同じくらいのサイズに
変更したいです。

添付画像を添付致しますのでご確認宜しくお願い致します。


ソースが必要な場合はお送りい致しますので
ご連絡お願い致します。

以上ご確認宜しくお願い致します。
ご回答お待ちしております。###HR######IMG076da6985d49b51845439687c0be25462.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

レジへ進む・amazon pay、
各ボタンはいずれも画面横幅に可変する仕組みであり、
特にamazon payは１枚の画像となっており、
２の方法には画像の編集か、横に潰れた見た目にしなければならないため
１の方法をご案内いたします。

CSSにて、
.btnSubmit, .btnSubmit:link
の規則に、下記プロパティを追加してください。

    height: 18vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;

Answer

ECマスターズ　田中様

ご回答ありがとうございます。

>各ボタンはいずれも画面横幅に可変する仕組みであり、
>特にamazon payは１枚の画像となっており、
>２の方法には画像の編集か、横に潰れた見た目にしなければならないため
>１の方法をご案内いたします。

ありがとうございます。
無事に実装できました。

今後とも宜しくお願い致します。