I am having trouble with checkout buttons!

Store Design
1

I have finished designing my store and now I was about to launch it when I figured out that my buy-now button is misaligned and not the one I want.

I am using theme: Turbo-Portland V6

My store’s url is: https://www.americanopets.com/products/dog-house-w-roof-balcony-cat-room-puppy-shelter-wooden-indoor-outdoor.

I am attaching the screenshot too. I would really appreciate any sort of help.

2

@Ammar112

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.
.smart-payment-button--true .purchase-details .shopify-payment-button__button--branded {
    padding-bottom: 0 !important;
}
.shopify-payment-button div {
    height: auto !important;
}
3

Don’t worry. It’s just a bug that you can fix from your end. For more details, visit this link and follow the step-by-step instructions -

https://help.outofthesandbox.com/hc/en-us/articles/4410690992787-Patch-for-Payment-Button-Alignment-Bug

In case you have issues, we are a message away!

Thank You,

Team CedCommerce.

4

Hi @Ammar112 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss.liquid->paste below code at the bottom of the file:
.smart-payment-button--true .purchase-details .shopify-payment-button__button--branded {
    padding-bottom: 0 !important;
}
.shopify-payment-button div {
    height: auto !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

5

hey ketan,

Thank you for the solution. Do you have any idea if I can remove the dynamic checkout and add the normal one?

6

@Ammar112

yes please check theme customization just disable the option