What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I make a Text Box large with larger text font?

    Asked by cemoyer on October 19, 2014 at 05:19 PM

    I created a membership application.  The prospect completes the form and submits to our email address.  The text boxes are rather small in relation to the size of the web page.  If you want to check it out go to looseties.com and complete the application.  You'll see what I'm talking about.  I've tried everything I could think of to make the box larger but no success.

    Page URL:
    http://www.looseties.com

    font size check text boxes and
  • Profile Image
    JotForm Support

    Answered by jonathan on October 19, 2014 at 08:02 PM

    Hi,

    You can customize the Textboxes to larges size using the new Form Designer.

     

    When on the Form Designer, click on the Textbox. This will open Textbox Styles property in the Design tab.

     

     

    Look for the Textbox Height option -- you can specify the height in pixel. (i.e. I made it 50px)

    --

    To increase the font-size of all the input boxes, you can inject custom CSS code like this

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input,

    .form-checkbox-item label,

    .form-radio-item label {

    font-size: 22px !important;

    }

    (in this CSS code I specify 22px as the font-size)

    User guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If all done correctly, everything should be bigger like this

     

     

    --

    Just to let you know also, it seems there is still a bug in our new Form Designer on the Font Style/Size Options.

    Because when I tried setting the font-size using the designer, the font-size did not take effect on the input boxes.

    so, we have to use custom injected CSS code for now to increase the font-size of the Textboxes.

    I have reported this bug to our higher team support so that they can fix it as soon as they can.

    Hope this help. Inform us if you need more assistance.

    Thanks!