Change font and text size of dropdown menu list

  • aricurn
    Asked on June 9, 2014 at 4:37 AM

    I do not know how to change the text and font size in the appointment dropdown list to match the rest of the form - form shown below and it is select appointment required text that I wish to change

    Thank you

    Jotform Thread 389380 Screenshot
  • abajan Jotform Support
    Replied on June 9, 2014 at 6:56 AM

    From what I can tell, this is actually an optical illusion. Although the text of the dropdown options is in a different font than that of its label (Select Appointment Required) and the other fields' labels, it's the same font as that used for the entries of all the other fields, including the date.

    Below is a partial screenshot of a clone I made of your form. For the sake of comparison, I inserted numbers as the first option in the dropdown to match those in the date field. I also entered those numbers in the phone field. Notice how while the font in the dropdown options doesn't match that of its label (or any of the other field labels), it does match that of the entries in the phone and date fields:

    Change font and text size of dropdown menu list Image 1 Screenshot 20

    (The red arrows point to elements having a certain font and the green ones point to elements having another font. The labels of all the fields were changed to more clearly illustrate the issue.)

    Now, if you wish the font of the dropdown's options to match the font of the field labels, adding the following rule to the form's injected CSS should do the trick:

    #input_11 option {
    font-family: Verdana;
    }

    Do let us know if you need further assistance with this.


    Thanks