Adjusting fields' widths

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

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.