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.

Increase Height os fields site wide?

  1. dansod
    Member

    Hi,

    been searching the forum for this, but found no answer. So, how do you increase the Height (not the Width) of all input fields. I don't want to target any specific form but all input fields on my site at once, no matter what type of input fields they are (e-mail fields, name fields, single line text fields etc). Surely there must be a solution so I don't have to change the value per field type i the CSS? :-)

    Regards

    Johan

    Posted 7 years ago on Thursday February 14, 2013 | Permalink
  2. Richard Vav
    Administrator

    Have you tried using the css targeting samples as described in the documentation, http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Standard_Fields

    Posted 7 years ago on Thursday February 14, 2013 | Permalink
  3. dansod
    Member

    Hi,

    I was kinda hoping for a one-shot solution to something as like this. I understand now that I have to change the height per field. Thanx for your help!

    Johan

    Posted 7 years ago on Thursday February 14, 2013 | Permalink
  4. Johan, you don't have to target each field individually, that would be a nightmare. You can target all fields with one CSS snippet: http://www.gravityhelp.com/question/how-do-i-increase-the-height-of-my-form-fields-inputs/

    Posted 7 years ago on Thursday February 14, 2013 | Permalink
  5. I am trying to understand the CSS needed to change the font size for all of my input fields. When I imported a form from another site, the input fields changed to have really small text. I want to change all of them.
    http://www.lebanonbaptist.org/vbs

    Posted 7 years ago on Thursday April 25, 2013 | Permalink
  6. This CSS will do the trick for you:

    [css]
    body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea {
    font-size: 1em;
    }

    Just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).

    Posted 7 years ago on Thursday April 25, 2013 | Permalink