Uneven spacing between Apple Pay and Google Pay buttons

I’ve reviewed the issue and noticed that the spacing problem occurs only on the product details page. You can resolve this by using custom CSS.

Please note that while we don’t typically provide support for custom CSS, I’m making an exception and sharing the code below. This CSS will specifically add spacing between the buttons on the product page:

.single-product .ppc-button-wrapper {
    margin-top: 20px; 
}

If that doesn’t resolve the issue and you still need assistance adding spacing between the buttons, I can recommend?WooExperts?and?Codeable.io?as options for getting professional help. Alternatively, you can also ask your development questions in the??WooCommerce Community Slack as custom code falls outside our usual?scope of support

Thank you for cooperation and understanding.

Thank you. Your code doesn’t fix it in Safari (Mac or iOS), but it does fix it in Chromium browsers.

However, I wasn’t very clear: I was more concerned about this issue here, with the GPay button being a pixel or two lower than the Apple Pay one, both in the Product and the Cart page.

• This reply was modified 1 week ago by saemola.

Hi there,

Thanks for your answer.

The theme you are using usually controls the arrangement of the buttons, the padding, margins, and any other expectations related to the design.

We highly recommend to reach out to the support team of the theme you are using. They will be able to help you understand why this is happening. And provide a CSS code that can resolve the issue.

I hope this helps and let us know if you’ll have any further questions!

Understood. Thank you for your help!