Input box height using forms (ninja forms) – Themeco Community

Input box height using forms (ninja forms)

twang — Thu, 27 Aug 2015 06:16:13 +0000

Hi, I’m using ninja forms to create simple forms. The one I created at http://www.ucimaeprojects.com/student-registration/ show the text input boxes to be very thin. I also use contact form and the form created from it is just right (see bottom right hand side of page). Can you give me some insights as to how to adjust the text input box height? I’ve posed this question to support at Ninja Forms and they said that the theme controls this height.

Many thanks,

Reply To: Input box height using forms (ninja forms)

Rupok — Thu, 27 Aug 2015 06:48:38 +0000

Hi there,

Thanks for writing in!
You can add this under Custom > CSS in the Customizer.

.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
  height: 2.65em;
}

Hope this helps.

Cheers!

Reply To: Input box height using forms (ninja forms)

twang — Thu, 27 Aug 2015 17:58:16 +0000

Hi, I tried the css code you provided but it did not increase the height of input boxes. I did receive another answer from ninja forms and they provided the following which solved the problem.

body .ninja-forms-form-wrap input {
height: 2.65em;
}

Thanks,

Reply To: Input box height using forms (ninja forms)

Rad — Fri, 28 Aug 2015 00:24:40 +0000

Glad to hear that!

Cheers!