Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey there,
I tried to change the size of the PayPal “pay now” Buttons on the single product page using SiteOrigin CSS.
If I try to select the buttons using Custom CSS it opens the Link to the PayPal Checkout.
I could select the buttons using my browsers console and also change th width.
But when I copy the code to Custom CSS it does not have any effect.
Any ideas how to solve that issue?
Best regards
Jörg
Hi Jörg
Thanks for reaching out.
At the moment, this is a limitation of the SiteOrigin CSS inspector. Try locating the selector you need using the developer console in your browser. Have you worked much with the browser console?
Hi Andrew,
thanks for your reply. I could reduce the size using the developer console.
But when I copy the selector and the changes to the Custom CSS (backend or customizer) there are no changes visible.
But I’m not really used to the browser console. Just try and error ;)
Regards
Jörg
Hi Jörg
Thanks for the update.
Custom CSS adjustments are, unfortunately, beyond our free support scope. I’ll be sure to pass on your feedback regarding selecting buttons in the SiteOrigin CSS visual editor.
Hey Andrew,
thanks for the reply.
As I found out now, the PayPal Buttons are included in an Iframe delivered by PayPal.
So I guess they cannot be changed using CSS or even be selcted by SiteOrigin CSS inspector.
Regards
Jörg
Hi Jörg
Nicely spotted! As far as I’m aware, it isn’t possible to use CSS to change the styling of content within an iframe.
Thank you ;)
Really a pitty. The buttons look horrible using the new “WooCommerce PayPal Payments” Plugin.
Is there a chance to change the size of the Iframe itself on the single product page using Site Origin Page Builder Premium?
It might be possible but would require some testing. We could perhaps also assist with Custom CSS.