Overlaying Payment Buttons

Hi people.

I’m kindly asking for help on this one. I’ve tried many options but nothing works.
The dynamic check out (google pay / pay pal ) is overlaying the regular check out button. When I turn the dynamic check out OFF, both of the boxes disappear, if I turn it on BOTH comes back ON. Follow images bellow:

Any help is welcome honestly.
The theme is: Ella but it’s edited, not the original one!

Hi @louisdemark ,

Can you please share a preview url so that I can assist on it?

Thank you

Hi @LuffyOnePiece
Indeed thank you.
https://hombleo.com/?key=c162ad6036b624c13d469647c55796281d2a526826561648badb0518080d3d79&preview_theme_id=

Hi @louisdemark ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag
.shopify-payment-button__button.shopify-payment-button__button--branded.BUz42FHpSPncCPJ4Pr_f {
    height: 100%;
    padding: 0;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

Thank you so much for you help @LuffyOnePiece .

But that didn’t work, follow image bellow. Let me know if I’ve done something incorrect.

Hi @louisdemark

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

.shopify-payment-button__button { padding: 0 !important; }

Hope that my solution works for you.

Best regards,

Henry | PageFly

Damm, it worked!! @PageFly-Henry
Thank you so much for you time and help guys!!! I really appreciate that! @LuffyOnePiece @PageFly-Henry

1 Like

You are welcome @louisdemark :blush: