Dropdown Alignment

  • RedIce
    Asked on February 7, 2018 at 8:52 PM

    Hello,

    How can I align this dropdown menu ( attached screenshot )


    Thank you

    Shannon

    Jotform Thread 1377035 Screenshot
  • Elton Support Team Lead
    Replied on February 8, 2018 at 12:42 AM

    Inject the following CSS codes to your form.

    [data-type="control_dropdown"] .form-dropdown {

        max-width: 308px !important;

        height: 80px;

        font-size: 20px;

    }

    [data-type="control_dropdown"] .form-input, [data-type="control_birthdate"] .form-input, [data-type="control_time"] .form-input, [data-type="control_dropdown"] .form-input-wide, [data-type="control_birthdate"] .form-input-wide, [data-type="control_time"] .form-input-wide {

        max-width: none !important;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    By the way, the font size of your placeholder is too huge. Find the following CSS codes in your form and reduce the font size to at least 20px.

    ::-webkit-input-placeholder {

        font-size : 100px !important;

    }

    :-moz-placeholder {

        font-size : 100px !important;

    }

    /*--for IE10 support--*/

    :-ms-input-placeholder {

        font-size : 100px !important;

    }


  • RedIce
    Replied on February 9, 2018 at 12:08 AM

    Thank you Elton!


    Your the best!


    Shannon