Solved

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

SamCheema
Shopify Partner
6 0 0

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

Accepted Solutions (2)

Sweet_Savior_3
Shopify Partner
1190 96 115

This is an 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:

Sweet_Savior_3_0-1711790255602.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Katekorn
Tourist
3 1 1

This is an 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

View solution in original post

Replies 4 (4)

Sweet_Savior_3
Shopify Partner
1190 96 115

This is an 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:

Sweet_Savior_3_0-1711790255602.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
SamCheema
Shopify Partner
6 0 0

Yes its worked thank you

SamCheema
Shopify Partner
6 0 0

im having this issue again...

SamCheema_0-1713253202701.png

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

Katekorn
Tourist
3 1 1

This is an 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