Adjusting fields' widths

  • Profile Image
    sdccsf
    Asked on November 16, 2015 at 08:59 PM

    Hello, 

    I have two problems. One with text box width and one with text area width.

    The width is set here: designer > textbox styles > textbox & textarea width (400px)

    Problem 1: The text BOX width won’t go smaller than 400px wide, but, if I add a sublabel, then the text box will auto fit to the smaller size of the sublabel. 

    Problem 2: The text AREA width won’t go bigger than 400px wide. Increasing the columns has no effect. 

    I need to adjust the size of text boxes and text areas independently. Having them all the same width doesn’t work. Ideally I could make one textbox wider or narrower than another one, and one text area could be wider than a text box. My form is responsive. I’m not sure if this has anything to do with it.

    Thanks,

    Aaron

  • Profile Image
    Carina
    Answered on November 17, 2015 at 05:34 AM

    That is probably due to this css code:

    .form-textbox, .form-textarea {

        box-sizing: border-box;

        max-width: 400px;

        width: 100%;

    }

    Please try adding this css code instead:

     

    .form-textbox {

        width: 300px !important;

     

    }

     .form-textarea {

        width: 500px !important;

     

    }

    You can see it here:

    https://form.jotform.com/53202258567961? 

    Let us know if we can assist you further.