The "Add to cart" button is different from the "buy with PayPal" button

[weibincheng]

Hi, The "Add to cart" button is different from the "buy it now" button

What can I do to make them exactly the same size?

[weibincheng]

[weibincheng]

I use the Impact theme. The size of the "Add to cart" button and the "Buy it now" button on the product page I saw yesterday were the same, why did the "Buy it now" button change when I saw it today?

[Dan-From-Ryviu · Accepted solution]

Hi @weibincheng 

Please add this code to Custom CSS in Online Store > Themes > Customize > Themes settings to solve it.

.shopify-payment-button__button--branded { min-height: 59px !important; }

[namphan]

Hi @weibincheng,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.shopify-payment-button__button {
    height: 100% !important;
}

[mageplaza-cs]

Hi @weibincheng 

Please head to Themes > Edit Code > Assets, then paste this code into theme.css

.shopify-payment-button__button.shopify-payment-button__button--branded {
height: 60px;
}

Please let us know if you have other concerns! Thank you!