How do I make some text fields bigger or smaller than others?

  • Wandili
    Asked on May 14, 2015 at 10:41 PM

    I'm using a lot of 'free text' fields for a survey... I want the text boxes to appear bigger, but when I change the size in the designer view all of the text boxes throughout the form change too. I don't want that - just some to be bigger.

    I'm ok with how to resize, but not the issue of all of them sizing up the same.

    Thanks

  • Chriistian Jotform Support
    Replied on May 14, 2015 at 11:25 PM

    Hi Wandili, 

    Thanks for contacting us.

     

    If you want to adjust height of a specific Text Box of your form, you need to add a CSS code for the specific Text Box (determined by id).

    Example:

    #input_4 {

        height: 200px;

    }

     

    To adjust height of a specific Text Box, please see instructions below:

    How do I make some text fields bigger or smaller than others? Image 1 Screenshot 40

     

    How do I make some text fields bigger or smaller than others? Image 2 Screenshot 51

     

    Please ensure that you added the CSS height tag to the correct id #input_XX not in .form-textbox CSS class so the adjustment will only be implemented to the specific Text Box.

     

    I recommend you use the Text Area field instead of Text Box if you need multiple lines of inputs in your field.  To add a Text Area to your form, please follow instructions below.

     

    How do I make some text fields bigger or smaller than others? Image 3 Screenshot 62

     

    If you need further assistance, please feel free to contact us again.

     

     

    Regards.