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

    How to set fields to the same strict width

    Asked by ezchoicefinancial on June 12, 2015 at 05:07 PM
    2- I want the "form input" width of  Phone number, Source, and Reason to be the same width as Name, Email, And Zipcode in both DESKTOP and Mobile. I looks funny on desktop and mobile in my opinion how the width doesn't match. Essentially i want the Phone number, Source, and Reason to match the width
  • Profile Image

    Answered by raul on June 12, 2015 at 06:02 PM

    You can use the form designer to do that.

    Also, try increasing the width of your form since when I checked it was set as 100px.

    If the custom code you added is to make your form responsive, I suggest you to try using the following guide instead: https://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive to enable mobile responsiveness in your form.

  • Profile Image

    Answered by ezchoicefinancial on June 15, 2015 at 12:02 PM

    doing this messes up my form . it is too small on desktop. my background is not transparent anymore either

  • Profile Image
    JotForm Support

    Answered by david on June 15, 2015 at 12:49 PM

    It looks like the rest of your fields as now close to the same with.  If you would like to shrink the "Source" field down to the size of the rest, you can add this code to your form:

    #input_11 {
        -webkit-appearance : menulist;
        width : 100px;

    Adjusting the value will adjust the width of that specific dropdown.

  • Profile Image

    Answered by ezchoicefinancial on June 15, 2015 at 12:50 PM

    using the responsive ,

    it injects all kinds of css aside from mine . i think this option works better if i want tio start the form scratch

  • Profile Image

    Answered by ezchoicefinancial on June 15, 2015 at 12:56 PM

    everytime i use the designer to make changes it inject a whole bunch of lines of css that messes my form. how come ? im using it form minor adjustments. this is why i hate that desiger

  • Profile Image

    Answered by ezchoicefinancial on June 15, 2015 at 01:03 PM

    how come does it do that, i have to manually remove all the code that render my background white and make my fielda super narrow

  • Profile Image

    Answered by Sammy on June 15, 2015 at 01:24 PM

    I see that you form utilizes a custom theme that loads images for use in the input styling, when using the designer these images are loaded into the CSS code hence the reason for the additional lines of CSS.

    Try injecting this CSS into your form to cater for the dissimilar widths

    .form-textbox, .form-dropdown{
        min-width: 200px !important;
        max-width: 350px !important;
        width:100% !important;

    I set the min width to be 200px you can adjust it to your liking, Inject it using the form preferences section and put it at the bottom of the rest of the code.