How can I fix a cut-off buy button on the Impact theme?

[SamCheema]

Hello, the shop payment button is cutting off. I want to keep the buy buttons round as they are, but resizing them with the shopify default--- "rounding - button corner radius" --- is not fixing the problem of the shop payment button. is there css individual page code that can solve this?  Or theme code? 

https://thewildhoney.pk/products/men-honey

[Sweet_Savior_3 · Accepted solution]

Hey @SamCheema 

Welcome to Shopify Community.

You can add the given CSS in theme.liquid above </head> tag.

<style>
body dynamic-checkout .shopify-payment-button__button {
    height: unset;
}
</style>

OUTPUT:

Thanks

[Sweet_Savior_3 · Accepted solution]

Hey @SamCheema 

Welcome to Shopify Community.

You can add the given CSS in theme.liquid above </head> tag.

<style>
body dynamic-checkout .shopify-payment-button__button {
    height: unset;
}
</style>

OUTPUT:

Thanks

[SamCheema]

Yes its worked thank you

[SamCheema]

im having this issue again...

https://thewildhoney.pk/products/men-honey

[Katekorn · Accepted solution]

Hi Sam,
Below is the custom css code which solved this issue on our store. You just need to go to Customize your theme and put it in custom css field of a product template :

.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
height: 100%;
}

Hope it helps