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.

Easy way to change ALL the input text size

Gravity Support Forums » Plugin Support » Gravity Forms

  1. extreme-south
    Member

    - I've searched the forums
    - I've pulled out hair (and I need every strand)
    - I've spent hours

    I'm always tweaking stylesheets, firebugging etc etc but this has got me stumped.

    I simply want to change the size of the text that the user inputs across ALL the fields. There must be one class I can target or hack with !important to resize it? I simply want ALL the input text to be verdana 16px - it's currently crazy-small. My form is huge and I can't believe I have to target every single individual field - that would be nuts.

    Please restore my sanity.

    thanks

    Posted 13 years ago on Thursday July 28, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    You don't need to target every individual field - that's what global class names are for.. simply apply the new rule to the available input types & form controls like 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-family: verdana, sans-serif;
	font-size:16px;
}

    That should be specific enough to override most theme styles without using the !important declaration. Just put that at the end of your theme stylesheet and you should be good to go.

    Posted 13 years ago on Thursday July 28, 2011 | Permalink

  3. extreme-south
    Member

    Brilliant ! Thanks so much. This should be a FAQ :-)

    Many thanks

    Posted 13 years ago on Thursday July 28, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Thanks for the update and the good idea. Done.

    http://www.gravityhelp.com/question/is-there-an-easy-way-to-change-all-the-input-text-size/

    Posted 13 years ago on Thursday July 28, 2011 | Permalink

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