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

    I want to change the height and width of form along with textbox height

    Asked by prit1 on December 26, 2013 at 07:54 AM

    I want to change the height and width of form along with textbox height and width..i m able to change form width but unable to change textbox width..could u help me?

    This is a re-post of a comment on Getting the Form iFrame Code

  • Profile Image
    JotForm Support

    Answered by abajan on December 26, 2013 at 08:04 AM

    To change the width of all of your form's textboxes (and the textarea), add the declaration highlighted below to the second rule of your form:

    .form-textbox,.form-textarea {
    background: rgba(255, 255, 255, 0.9);
    background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
    border:1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    font-family: 'Verdana' !important;
    font-size: 12px !important;
    padding: 5px 5px;
    width: 148px !important;

    To also change the height of all of the textboxes, add the following rule, adjusting the value to suit:

    .form-textbox {
    height: 20px;

    If you need further help with this or anything else JotForm related, we'd be happy to help.