What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change font and text size of dropdown menu list

    Asked by aricurn on June 09, 2014 at 04: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

    Page URL:
    http://www.heworthhouseclinic.com/appointment.htm

    Screenshot
    size font and font size dropdown list
  • Profile Image
    JotForm Support

    Answered by abajan on June 09, 2014 at 06: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:

    (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