‹ Home
Exported

Diocese of Scranton

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanRyan Ross, Developer at DiocesanConnie WisdoDan Gafdllagher, Diocese of Scranton StaffMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanNathalie Shultz, Web ConsultantMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel TupperKarl Evans, Diocesan +1 others
From the list: Paypal

❏ Adjust CSS to remove white space above Paypal Donate button and install Paypal Donations PlugIn - on Testsite

Connie W. added this on
Assigned to
Ryan Ross, Developer at Diocesan Ryan R.
Notes
Hi Ryan,

I am trying to add a Paypal Donate button to a page and it's inserting a lot of white space above the button. I did some research and it seems the only way to reduce or eliminate the white space is by adjusting the CSS for the page.
Here's the page I am testing: https://testsite.dioceseofscranton.org/directory/development-appeal-office/diocesan-annual-appeal/4015-2/

Here is an article I found which addresses the issue:https://themegrill.com/support-forum/topic/remove-white-space-around-paypal-button/

Can you also install the PayPal Donations plugin on the testsite?  

Thank you!
Connie

Comments & Events

Ryan Ross, Developer at Diocesan Ryan Ross, Developer
Connie,

I installed a PayPal Donations plugin on the testsite.  I'm not sure if there's a particular one you wanted, so I chose the most installed one.

As for the existing paypal button, it looks like Wordpress was adding break tags and creating new lines in the process.  The simplest thing I could think of was to add a class to the form (paypal-donate) and then use that class to target the br tags and virtually remove them.

For good measure, the spacing above the tag is coming from the paragraph above it.  If you wanted to give the button some room beneath it before the next paragraph, you could wrap the form in p tags, or we could add some bottom margin to the paypal-donate class.
Notified 1 person
Connie Wisdo Connie Wisdo
Ryan,

Thanks. I don’t see the plugin under the “Scranton Settings” in my dashboard. According to the documentation for the plugin I should see it there. Do you have to open it up for me?

Plugin Usage
Go to the “paypal donations” menu link from the WordPress dashboard settings menu after you install and activate the plugin:
[paypal-doantions-widgets-plugin-settings-menu]

This is what I see:
[cid:image002.png@01D50583.8B7C9530]
Notified 1 person