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.

Field Length Issue

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Michael
    Member

    I have a small form at http://www.thewdstore.com that I can't figure out how to get the field size adjusted.

    Thank you!

    Posted 13 years ago on Monday December 5, 2011 | Permalink

  2. Rob Harrell
    Member

    Try placing this in your theme's css file:

    [css]
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield select,
div.widget-wrap .gform_wrapper .gform_body .gform_fields .gfield textarea {
	width:56% !important;
}

    That's assuming you want your labels to the left as they are now. If you want the labels to be on top, just increase the width higher than 56%. This will also only affect the input length in your widget area. Here are some CSS documentation as well:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 13 years ago on Monday December 5, 2011 | Permalink

  3. Michael
    Member

    That worked. Thank you!

    Posted 13 years ago on Monday December 5, 2011 | Permalink

  4. Rob Harrell
    Member

    Great, glad to help!

    Posted 13 years ago on Monday December 5, 2011 | Permalink

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