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.

Extra blank fields appearing between fields, wrecking layout.

  1. Hey all,

    Take a look at the site I'm working on -

    I am trying to get the 4 fields to behave so that I can try styling them as I need but there are extra .gfield li classes and even extra .gform_fields ul instances. With their padding, they are wrecking my layout. I only added the 4 fields, so I don't know what the others are or where they came from.

    Any ideas?

    PS - You can see a similar issues here -


    Posted 9 years ago on Tuesday October 9, 2012 | Permalink
  2. The first URL is giving me a 404 error so I can't speak to that. As far as the second form, I would suspect that something in your theme is causing the erroneous markup. Perhaps whatever script is being used to restyle the inputs.

    Have you tried testing for a theme/plugin conflict? Does this behavior persist in the default Twenty Eleven theme or in the form preview window? If not, then it's most likely theme code that's causing your problem.

    Posted 9 years ago on Tuesday October 9, 2012 | Permalink
  3. Looking at the source code for that second page, it looks like the extra markup is being added similar to themes with the [raw] shortcode 'functionality'. As a work around, you can try wrapping the [gravityforms] shortcode in the [raw]shortcode[/raw] and see if the extra markup disappears. Please see these related posts for discussion:

    The function which provides the [raw] shortcode is responsible for this extra markup and the function should be removed from the theme. Wrapping the Gravity Forms shortcode in the raw shortcode just works around the problem.

    Posted 9 years ago on Wednesday October 10, 2012 | Permalink