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.

Align All Form Fields to Left

  1. lwedell
    Member

    What is the best way to align all form fields to the left?

    Right now my first three fields are right aligned, then I have 3 other rows of fields that are 2 column and they are left due to size - I would like to have all fields aligned.

    Thank you in advance.

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  2. Can you post a link to your form so I can visually see what's going on here.

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  3. lwedell
    Member

    Here is a WIP but has the issue mentioned.

    http://horizonservices.co/plumbing/

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  4. A stylesheet called text.css has this in it:

    [css]
    li {
    margin-left: 30px;
    }

    That margin is your issue. Try dropping this into your theme's stylesheet (unless you want to get rid of that declaration above):

    [css]
    .gform_wrapper ul li.gfield {
    margin: 0;
    }
    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  5. lwedell
    Member

    When I drop the code into my child theme's style.css it works but then the child theme disappears and my navigation is messed up (the child theme mainly changes the nav).

    Any thoughts?

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  6. I have no idea, every theme is different. The selector I gave you (.gform_wrapper ul li.gfield) is specific to Gravity Forms and should have no ill effects on anything else. You might want to reach out to your theme developer to find out what's going on and how you are to place custom css into your theme.

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  7. lwedell
    Member

    I worked it out, thanks for the help.

    Posted 13 years ago on Thursday May 10, 2012 | Permalink
  8. Awesome, thanks for letting us know.

    Posted 13 years ago on Thursday May 10, 2012 | Permalink

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