All forms indented/extra padding after 1.6 upgrade

Gravity Support Forums » Plugin Support » Gravity Forms

nathanna
Member

Upgraded to 1.6 and now all of the forms on my site are indented or have added padding on the left It's consistent around 40px. It wasn't like this before the upgrade. This happens in all browsers I have checked. There doesn't seem to be an attribute or style that I can find to modify to correct this. Any ideas?

Posted 12 years ago on Thursday November 3, 2011 | Permalink
David Smith
Member

Hi Nathanna,

Could you share a link to one of the sites you are experiencing this issue with?

Posted 12 years ago on Thursday November 3, 2011 | Permalink
nathanna
Member

Here is a link to an example. I think I have figured out how to fix it. Just an unexpected adjustment when it was working fine before. Adding a padding declaration to the unordered list that the form is contained. I just hope that doesn't affect anything else.

http://www.dogwoodarts.com/applications/2012-msaf-artist-app/

Posted 12 years ago on Thursday November 3, 2011 | Permalink
David Smith
Member

Thanks for the reference. I've forwarded this on to the super-awesome front-end developer to see exactly what we changed in the v1.6 default front-end styles. I'll be back.

Posted 12 years ago on Thursday November 3, 2011 | Permalink
Kevin Flahaut
Administrator

yep.. found a minor typo in the forms.css file ( extra space where it shouldn't be ) that could be breaking the padding property set on the primary list. I updated that for the next release. Strange thing is that I haven't noticed anything weird in my tests, but it also depends on how the theme CSS itself is set up.

You can grab the revised version here if you need for the interim and replace the contents of your forms.css file with this.

http://bit.ly/vL2F6v

Posted 12 years ago on Thursday November 3, 2011 | Permalink
WittHansen
Member

had the same problem with padding on the left side of the form

but only with ie7/8

this is my site
http://socialdesign.wpengine.com/contact/

after using your new forms.css that disappeared.

but now all the form labels are indented instead

is this part of the same problem?

Posted 12 years ago on Wednesday November 16, 2011 | Permalink
Kevin Flahaut
Administrator

I can see the label alignment is off on your form in ie7/ie8 but I can't reproduce it on any of my test forms. Do you see the issue when you preview the form? I'm thinking this may be a theme-related issue for you.

ie8: http://j.mp/rG6RwY
ie7: http://j.mp/vpSXfn

Posted 12 years ago on Wednesday November 16, 2011 | Permalink
WittHansen
Member

I'm not seeing the issue in ie7 in preview

IE8 works properly (was to quick in saying it did not work)

Will have to check my WordPress theme then

Posted 12 years ago on Thursday November 17, 2011 | Permalink
jplunk
Member

I am also having this problem on my site. The forms are indented. I'm looking to create forms that are flush left.

Any ideas on how to fix this?

Posted 11 years ago on Tuesday August 14, 2012 | Permalink
Rob Harrell
Member

Do you have a link to your form?

Posted 11 years ago on Tuesday August 14, 2012 | Permalink
jplunk
Member

**Issue resolved!

Posted 11 years ago on Tuesday August 14, 2012 | Permalink

This should fix it, be sure you are placing this in your theme's stylesheet:

[css]
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}

Posted 11 years ago on Tuesday August 14, 2012 | Permalink

jplunk
Member

Rob... You are the man!

Thank you!

Posted 11 years ago on Tuesday August 14, 2012 | Permalink
Rob Harrell
Member

No problem, glad to help out!

Posted 11 years ago on Tuesday August 14, 2012 | Permalink

This topic has been resolved and has been closed to new replies.