Form Customization

Hi there,

That’s an interesting approach to what you are trying to accomplish. Let me address your main concerns and then I’ll provide some general feedback.

CSS ISSUE
The reason you’re having that problem in general is because of how you’re trying to add headings (technically they’d be unique field-groups or legends) into the single list of multi-level list elements. So, this isn’t really a typical “issue” that Give users struggle with, it’s a matter of how you’ve tweaked those options.

Under these circumstances, the CSS gets pretty hacky, but this will get you most of the way there:

#give-donation-level-radio-list>li label {
   display:inline!important;
}

RECOMMENDATION
But when I reviewed your form, I have several concerns. These concerns are based on my experience with our customers and supporting nonprofits for 10 years and some best practices when it comes to collecting user/donor information. Here’s the nutshell:

• The more fields you have in a form, the more likely it can fail — due to either a plugin or theme conflict.
• The more fields you have in a form, the LESS likely your donors will actually donate anything at all. They’ll just want to call you and have you do the donation over the phone or seek ANY alternative than to have to sift through all those fields.
• The most important thing is DONATING. The uploads, and additional info and whatnot is secondary, so you would probably be better off getting that information AFTER the donation.
• Our Give Reporting works best if you have multiple forms. For example, you’ll have a hard time tracking which sponsorship donors like to support more: The Partnerships, the Program Sponsorships, or the Anniversary Event Sponsorships. Breaking those out will help you a lot.

So with that in mind, I put together a quick visual alternative to make it really clear what I mean. This page is done by doing the following:

1. Creating three forms, one for each type of sponsorship. And they each were added to a Form category called “Sponsorships”
2. I created a new page, and moved all the descriptive stuff out of the forms completely and into that page.
3. I then used our Give Form Grid to display the three forms and have them open in a Modal. Here’s docs on that: https://givewp.com/documentation/core/shortcodes/give_form_grid/

Here’s the screenshot of that page:

Let me know if you have any questions at all.

• This reply was modified 5 years, 8 months ago by Matt Cromwell.

Hi there,

I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

Thanks.