Button Placement & Spacing not consistent

Hello @tobiaszx

Thanks for reaching out to us, we’re here to help.

We have dedicated code available on our GitHub, which can be used for limited customization of size and positioning. You can access the code here: Customize PayPal Smart Buttons.

However, I should note that this code needs to be implemented by you, as it’s a custom theme. We officially support only default themes, and any customization beyond that would need to be handled on your end.

We appreciate your understanding, and we are here to help if you have any further questions or concerns.

Kind Regards,
Krystian

Thank you, will take a look!

@inpsydekrystian thank you again for the reply. It worked well for the .woocommerce-cart with the code below (also working in the product view with a negative margin-top).

.woocommerce-cart #ppc-button-ppcp-gateway {
margin-top: 14px;
}

The only two things that don’t work are:

1. There is no reaction to border-radius: 0px; (when I do it in the site inspector it changes and looks like the other buttons, but not in the CSS).
2. I can’t adjust the height. As soon as I set height: 40px; or height: 3.25em; the buttons are outside the boxes

Would you have any help on this as well? Thank you very much!

• This reply was modified 7 months ago by tobiaszx.

Hello?@tobiaszx

There is no reaction to border-radius: 0px; (when I do it in the site inspector it changes and looks like the other buttons, but not in the CSS).

The border-radius cannot be changed via CSS. PayPal only offers Rectangle and Pill shapes. The??#ppc-button-ppcp-gateway?is not the button itself, but the div the PayPal button iframe is responsively rendered in.

I can’t adjust the height. As soon as I set height: 40px; or height: 3.25em; the buttons are outside the boxes

The height also cannot be directly adjusted via CSS. On non-block pages, the button height automatically adjusts based on the button width (responsive rendering).

The height must be adjusted with an SDK parameter, which is currently only possible on the block Cart/Checkout but not the Classic Cart/Checkout.

It seems to me that these changes need to be implemented directly in the theme itself, and the theme’s code requires a bit of polishing to function correctly with plugin limitations.

Should you require any further assistance or have additional questions, do not hesitate to contact us.

Kind regards,
Krystian