Extra blank fields appearing between fields, wrecking layout.

Gravity Support Forums » Plugin Support » Gravity Forms

mruud
Member

Hey all,

Take a look at the site I'm working on - http://www.mastershield.com/test-page/

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 - http://www.mastershield.com/gutter-guard-estimate/

Thanks!

Posted 12 years ago on Tuesday October 9, 2012 | Permalink
Kevin Flahaut
Administrator

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 12 years ago on Tuesday October 9, 2012 | Permalink
Chris Hajer
Key Master

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: http://www.gravityhelp.com/forums/tags/raw

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 12 years ago on Wednesday October 10, 2012 | Permalink