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 make the drop down field wider

    Asked by max123jot on September 12, 2016 at 11:11 AM

    i tried making the field input wider w code below, but does not seem to change anything

    pleae advise

     

    .form-dropdown {

        width : 100px;

    }

     

    #input_26 {

        width : 450px;

        

    }

     

    Page URL:
    https://www.jotform.com//?formID=60385308886163#

    wider Make how drop
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 12, 2016 at 12:17 PM

    There are some existing CSS codes in the form, this is why you need to add "!important" in the code that you want to use, otherwise the code may not be applied so changes would not be visible. 

    Now, this code would affect all the drop down fields in your forms as all drop down fields have the class ".form-dropdown": 

    .form-dropdown {

        width : 100px !important;

    }

    The next code will work, but you need to add "max-width: none;": 

    #input_26 {

        width: 450px !important;

        max-width: none;

    }

    Please inject this and it should affect the field setting up the width that you need: 

    Guide: How-to-Inject-Custom-CSS-Codes

    Hope this helps. 

  • Profile Image

    Answered by max123jot on September 12, 2016 at 01:46 PM
    jotform makes it so simple
    works
    thanks
    m
    ...