Title: Form Customization
Last modified: March 31, 2019

---

# Form Customization

 *  Resolved [piercelandis](https://wordpress.org/support/users/piercelandis/)
 * (@piercelandis)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/form-customization-8/)
 * Just when I think I”m done banging my head against the wall with this plugin,
   a new issue pop up.
 * [https://torahcleveland.com/5th-anniversary-celebration/](https://torahcleveland.com/5th-anniversary-celebration/)
 * You can see we added some form customization using this snippet:
    [https://github.com/impress-org/give-snippet-library/blob/master/form-customizations/add-html-after-multilevel.php](https://github.com/impress-org/give-snippet-library/blob/master/form-customizations/add-html-after-multilevel.php)
 * It’s great, we got it working until… we looked on mobile. The radio button goes
   to the wrong place as soon as the copy is forced to a second line.
 * Does anyone know how to prevent this?
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fform-customization-8%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/form-customization-8/#post-11379751)
 * 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/](https://givewp.com/documentation/core/shortcodes/give_form_grid/)
 * Here’s the screenshot of that page:
    [⌊Givetesting test our sponsorships⌉](https://cloudup.com/ct-XpPAHXup)
 * Let me know if you have any questions at all.
    -  This reply was modified 7 years, 2 months ago by [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/).
 *  [gsamsmith](https://wordpress.org/support/users/gsamsmith/)
 * (@gsamsmith)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/form-customization-8/#post-11726526)
 * 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.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Form Customization’ is closed to new replies.

 * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287)
 * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/give/)
 * [Active Topics](https://wordpress.org/support/plugin/give/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/give/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [gsamsmith](https://wordpress.org/support/users/gsamsmith/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/form-customization-8/#post-11726526)
 * Status: resolved