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
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
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/
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
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).