PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Large spacing in between fields in my form

  1. The forms I create have large spacing in between the fields. See an example here:

    http://www.careergreenlight.com/subscribe/

    Is there a way for me to decrease the spacing? I'm using Thesis.

    Posted 13 years ago on Monday June 28, 2010 | Permalink
  2. It appears you have added code in your field descriptions, specifically HTML break tags:

    <div class='gfield_description'><br/><br/></div>

    These are adding spaces to your form. Make sure if you don't want anything in the field descriptions that you don't have anything in the field description fields for each of your fields. Right now they are outputting break tags which is adding extra spacing to the output.

    Posted 13 years ago on Monday June 28, 2010 | Permalink
  3. Your description fields have line breaks in them and these are causing the spacing issues. Go back and check the descriptions and make sure you delete any empty characters or break tags that are in there. That should resolve your issue.

    screenshot

    Posted 13 years ago on Monday June 28, 2010 | Permalink
  4. I made the changes but I still have a space between the last field and the submit button.

    Can you help?

    Posted 13 years ago on Monday June 28, 2010 | Permalink
  5. The current spacing between the last field and the submit button is intentional. It is to provide some separation between the fields and the submit button.

    If you want to change it you will have to add custom CSS to your theme to adjust the spacing as necessary. If you want to customize the styling, spacing, etc. of Gravity Forms beyond what it does out of the box you will have to know some CSS to accomplish what you want to do.

    Adding this code to your Thesis custom stylesheet should do the trick:

    .gform_footer {margin: 0px !important;}

    The styling of forms can vary from theme to theme because we have no control over your sites stylesheet and therefore can't prevent your theme from overriding the built in stylesheet.

    Posted 13 years ago on Monday June 28, 2010 | Permalink