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.

Set size of input field

  1. elianab
    Member

    I am using version 1.5. I am putting 2 fields side by side, so the input field is to the right of the text. (I finally figured that one out.) The input field is set to small, but I see small=25%. I want to set my own pixel width for small.
    When the 2 fields are next to each other the bottoms are lined up, but I might want the text to line up with the middle of the input box. How would I do that? What's the standard on text being next to an input field? Do the bottoms or middles usually line up?

    Posted 9 years ago on Thursday February 10, 2011 | Permalink
  2. If you want to change the value of the "small" class, you can do it by adding your own CSS to your theme stylesheet.

    body #gform_wrapper_1 .gform_body .gform_fields .gfield .small {width:100px}

    Not sure if you're aware of it, but there is a "left label" option in the form settings the aligns the label to the left of the inputs - you don't have to do any other CSS work for that.

    I'm not sure if there is a standard for input/label alignment, but I'd vote for vertically aligning by the middle over the baseline.

    Posted 9 years ago on Thursday February 10, 2011 | Permalink