CSS to change width of the drop down field

  • BabysoftCC
    Asked on February 18, 2016 at 12:48 AM

    This is not working in CSS to change the drop down box width:

    #input_42 {

        width: 200px !important;

     

    Let me know if you see what is wrong on my page.  Thank You!

    Page URL: https://form.jotform.com/60110529691148
  • Jan
    Replied on February 18, 2016 at 8:03 AM

    The reason why the drop down is not changing is because you set a max-width rule for all of the drop downs. The max-width is 60px, so it means that it is the maximum width of the drop downs.

    CSS to change width of the drop down field Image 1 Screenshot 20

    Use this CSS code to disable the max-width.

    .form-dropdown {
    max-width: none !important;
    }

    Here's a guide on how to inject custom CSS on the form. Let us know if you need further help. Thank you.