Payment button placement

Hello @martae85

Thank you for reaching out to us, we are here to help.

The current location of our button on your website is indeed not the intended position, and I would expect the theme or additional CSS to cause this situation. You can use these render hooks to correct the positioning of our buttons. Please take a look and let us know if that resolved this issue.

Kind regards,
Joost

Excellent! Thank you!

Just one more thing. Could you tell me what is the name of that element to edit the height of the button in css, please? Thanks

Hello @martae85

I think this gist will help you out with that. Let me know if is does and if there is anything else we can help you with or if we can mark this thread as resolved.

Kind regards,
Joost

Hello, thanks for the reply.
I’m using .product #ppc-button but it’s not working ??

Hi @martae85

Sorry, the ID was changed a while back.

.product #ppc-button-ppcp-gateway {
	margin-top: 1em;
	width: 150px
}

This would add a margin at the top, since the alternative render hook often results in the button being displayed without a gap below the add to cart button. It depends on the theme, though.

At this time, the button height can only be actively controlled for the Mini Cart button from the plugin settings. All other button locations do not have a height setting and the only alternative way to manipulate the height, is by changing the width of the container, as the buttons are rendered dynamically according to the size of the div. The 150px in the example above is the minimum PayPal supports.
That being said, the team is looking into eventually providing height configurations for more button locations.

I hope this helps!

Kind regards,
Niklas

Thank you!

• This reply was modified 1 year, 8 months ago by noteimporta.

Hello @martae85

Sorry about that, I have updated the gist as well for future users. Thank you @niklasinpsyde!

Kind regards,
Joost