Changing the width of the drop-down menu

  • beatsahead
    Asked on February 12, 2016 at 10:07 AM

    I am also unable to change the width of the 'your event' input field.

  • Nik_C
    Replied on February 12, 2016 at 10:21 AM

    Hello there,

    Regarding the drop-down field of your form, please log in to your JotForm form builder and go to designer:

    Changing the width of the drop down menu Image 1 Screenshot 40

    In Designer, just click on that drop-down field, and change the width of it:

    Changing the width of the drop down menu Image 2 Screenshot 51

    You can change that to whatever fits your needs. And now we should center that drop-down. To do that just input this in your CSS:

    #cid_80 {
        max-width : none !important;
    }

    And instead of this css for drop-down:

    #input_80 {
        margin : 0px 0px 0px 240px;
        font-size : 25px;
        width : 300px;
    }

    Change margin to be like this:

    #input_80 {
        margin : 0px 0px 0px 0px;
        font-size : 25px;
        width : 300px;
    }

     

    Please try, and let me know if it helps, I tested and it looks like this after those adjustments:

    Changing the width of the drop down menu Image 3 Screenshot 62

     

    Best regards,