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.

text area field size

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Brian Niles
    Member

    A text area field in my form is the same size as a single-line field - need it to be taller (read: multiple lines). How do I do this?

    Posted 13 years ago on Saturday January 14, 2012 | Permalink

  2. Rob Harrell
    Member

    Sounds like a theme style is potentially overriding the height of the text area. Could you provide a link to your form page?

    Posted 13 years ago on Saturday January 14, 2012 | Permalink

  3. Brian Niles
    Member

    Here you go. Thanks for your help!

    http://50.22.126.73/website2012/resources/xpertsummit/callforproposals/

    Posted 13 years ago on Sunday January 15, 2012 | Permalink

  4. Rob Harrell
    Member

    All the way at the bottom of this file:

    http://50.22.126.73/website2012/wp-content/themes/Karma/style.css

    You have this:

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	font-size:16px;height:20px;padding:5px 5px;
}

    Replace it with this:

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select {
	font-size:16px;height:20px;padding:5px 5px;
}

    We're getting rid of the text area line.

    Posted 13 years ago on Sunday January 15, 2012 | Permalink