Can’t add margin to bottom of G Pay button

Hi there @mrv63,

Thanks for reaching out.

I understand the issue you’re facing with the styling of the G Pay button on your single product page.

While we do not directly provide support for customization, we might be able to help you out with this.

Could you please share the link to the single Product page so that we can take a closer look at it?

This link and any other single product page shows the lack of a margin below the gpay button:

https://troutartsupply.com/trouttemp2024/product/boston-rusto-fats/

Hello mrv63

Thank you for your reply.

As we mentioned earlier, custom-coded solutions are not covered by our Support Policy.
But if this can be fixed by some minor CSS, I will be happy to assist.

I checked the product you shared but could not see any Google Pay button.
Have you disabled it?

Here is a screenshot:

I look forward to your reply. ??

Best regards.

The button only shows up if you are logged into a google account. And also, you are in the shopping cart/checkout area not the product page. The google pay button is fine in the shopping cart/checkout.

• This reply was modified 6 months, 3 weeks ago by mrv63.

Hi @mrv63

To alter the design of elements like you are requesting would require some custom code to be written. Unfortunately, according to our Support Policy, that’s a bit outside of our support scope. However, this guide should help you get started in the right direction: https://woocommerce.com/document/stripe/customization/style-payment-form/

Alternatively, you can add this custom CSS to your site and see whether it make any difference or not:

.single-product #ppc-button-ppcp-gateway {
	margin-top: 10px !important;
}

If this makes no difference, we recommend asking development questions on the #developers channel of the WooCommerce Community Slack. Many of our developers hang out there and will be able to offer insights into your question. You can also seek help from the following:

• A local web developer
• Codeable.io
• WooExperts

I wish I could help more, but hopefully, this gets you going in the right direction to get the job done.

That did the trick. Thanks!

Hi @mrv63

That’s great to hear! I’m glad we were able to help!

I will mark this thread as resolved. Should you have further inquiries, kindly create a new topic here.

Meanwhile, if it isn’t too much to ask for – would you mind leaving us a review here?

It only takes a couple of minutes but helps us tremendously. It would mean so much to us and would go a really long way.

Thanks!