How can I enlarge the fill in box?

  • Profile Image
    Asked on July 08, 2011 at 01:24 PM
  • Profile Image
    Answered on July 09, 2011 at 01:33 AM


    If you are referring to the text boxes, you can adjust their common height and width by injecting this custom css code:

    input {
    height: 40px;
    width: 150px;

    Adjust the values to suit your preference.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


    You may want to be careful in setting a common width for your text boxes, as situations call for diffferent widths. For example, a simple "Room Number" text box would need less width than, say, a "URL" text box. In that case, just remove the width:150px line in the css code I provided above then set the width by adjusting the Size of the field.


    Hope this answer helps you in any way. Let me know if you need more help with regards to your Jotform account and forms.

    Thank you and have a nice weekend!