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.

All forms indented/extra padding after 1.6 upgrade

  1. 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 8 years ago on Thursday November 3, 2011 | Permalink
  2. Hi Nathanna,

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

    Posted 8 years ago on Thursday November 3, 2011 | Permalink
  3. 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 8 years ago on Thursday November 3, 2011 | Permalink
  4. 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 8 years ago on Thursday November 3, 2011 | Permalink
  5. 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 8 years ago on Thursday November 3, 2011 | Permalink
  6. 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 8 years ago on Wednesday November 16, 2011 | Permalink
  7. 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 8 years ago on Wednesday November 16, 2011 | Permalink
  8. 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 8 years ago on Thursday November 17, 2011 | Permalink
  9. 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 7 years ago on Tuesday August 14, 2012 | Permalink
  10. Do you have a link to your form?

    Posted 7 years ago on Tuesday August 14, 2012 | Permalink
  11. **Issue resolved!

    Posted 7 years ago on Tuesday August 14, 2012 | Permalink
  12. 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 7 years ago on Tuesday August 14, 2012 | Permalink
  13. Rob... You are the man!

    Thank you!

    Posted 7 years ago on Tuesday August 14, 2012 | Permalink
  14. No problem, glad to help out!

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

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