Please Note: We are no longer using forums to facilitate standard support. 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.

Align Form Inputs with Title

  1. 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 4 years ago on Wednesday May 18, 2011 | Permalink
  2. 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 4 years ago on Wednesday May 18, 2011 | Permalink
  3. 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.

    #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 4 years ago on Wednesday May 18, 2011 | Permalink
  4. Excellent guys, thanks! Feel a bit sheepish not to have noticed it myself.

    Posted 4 years ago on Wednesday May 18, 2011 | Permalink
  5. No worries. It's something pretty common. We just know to look for it.

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

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only