How to make the drop down field wider

  • Profile Image
    max123jot
    Asked 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;

        

    }

     

  • Profile Image
    Kevin_G
    Answered 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
    max123jot
    Answered on September 12, 2016 at 01:46 PM
    jotform makes it so simple
    works
    thanks
    m
    ...