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.

Lining up input fields

  1. Please take a look at my page here: http://iamsinc.com/blog/academyregistration/

    You'll notice that everything is lined up in the form until you get to the "Email Address". I would like the email address input box to line up with the "how many years in the business" box and the "what is your primary market" input box to line up with the "are you full-time in the business" radio buttons.

    Currently, I am using "gf_left_half" and "gf_right_half" in those fields respectively.

    Thank you

    Posted 12 years ago on Wednesday April 18, 2012 | Permalink
  2. It's because of the length of the label on your How many years... text which is causing it to wrap. So you can either shorten that label text, or change the font size, something like:

    [css]
    .gform_wrapper .top_label .gfield_label {
    font-size: 12px;
    }
    Posted 12 years ago on Wednesday April 18, 2012 | Permalink
  3. Will that change the font size for all the labels? Can I change the font-size for just that box? Thanks!

    Posted 12 years ago on Wednesday April 18, 2012 | Permalink
  4. Yes it would, to target just that one you could use:

    [css]
    #field_2_8 .gfield_label {
    font-size: 12px;
    }
    Posted 12 years ago on Wednesday April 18, 2012 | Permalink
  5. That worked. Thank you!

    Posted 12 years ago on Wednesday April 18, 2012 | Permalink
  6. Right on, glad to help out!

    Posted 12 years ago on Wednesday April 18, 2012 | Permalink

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