Align Form Inputs with Title « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

curtbentley
Member

I am trying to align form input fields with the form title and submit button. The standard styling offsets the form fields and labels to the right by 10-20 pixels. I've looked at the visual css guide as well as some of the other resources, and nothing I do seems to change things.

This should be a simple fix, just floating left and eliminting padding/margin values, but, for the life of me, I can't get it to work.

I'm using the Prose child theme on Genesis, you can see my site here:

http://www.bentleybriggs.com

(scroll down to the footer to see the form)

Thanks!

Posted 12 years ago on Wednesday May 18, 2011 | Permalink
Carl Hancock
Administrator

Your theme is adding padding to LI items in the footer widget. See this screenshot: http://grab.by/aa1Z

This is also why the links in the middle column of your footer under Categories are indented as well. It's adding padding to the left to indent the items. Gravity Forms outputs a form as list items, so your themes CSS is being inherited by the form.

Posted 12 years ago on Wednesday May 18, 2011 | Permalink
Kevin Flahaut
Administrator
That's coming from your theme styles. It's adding a 16 pixel left padding value to all the list items. You can see that if I disable the padding from the theme style, the form formats properly.

screenshot: http://grab.by/aa2g

You should be able to override that by adding this to the end of your theme stylesheet.
```
[css]
#sidebar .gform_wrapper li,
#sidebar-alt .gform_wrapper li,
#footer-widgeted .gform_wrapper li { padding:0!important}
```
Give it a shot and let me know how it goes.
Posted 12 years ago on Wednesday May 18, 2011 | Permalink
curtbentley
Member

Excellent guys, thanks! Feel a bit sheepish not to have noticed it myself.

Posted 12 years ago on Wednesday May 18, 2011 | Permalink
Kevin Flahaut
Administrator

No worries. It's something pretty common. We just know to look for it.

Posted 12 years ago on Wednesday May 18, 2011 | Permalink