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

    Problem with drop down field

    Asked by peterotoole on August 12, 2012 at 09:29 AM

    If you look at the atatched screenshot of my jotform you'll see that the 'Reason for Contacting' font looks bolder or larger than the rest. Is it possible to make this all consistent?

    Also when I look at my form in Jotform I see the length of the drop down menu is the same as the message box underneath but in all browsers I see this drop down looks longer. You can see what I mean from the screenshot. Can we make this the same length?

     

    Thanks!!

    Page URL:
    www.peterotoole.me

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on August 12, 2012 at 10:44 AM

    Hi,

    This is how it looks like on my Chrome/Firefox running on Windows.

    As you can see, the only mess is the drop down field's width. To fix it, simply reduce the width of that field in the form builder. Check this screen.

    Let us know if you have further questions. Thank you.

  • Profile Image

    Answered by peterotoole on August 12, 2012 at 11:37 AM

    Thanks for your answer! Do you know why the font looks different in that drop down? It looks larger than the rest of the form.

     

    Thanks!

  • Profile Image

    Answered by javierf on August 12, 2012 at 12:30 PM

    Hi peterotoole,

     

    Try modifying the css style, remember that some browsers change the style of drop down's.

     

     

     

  • Profile Image

    Answered by jeanettebmz on August 12, 2012 at 02:50 PM

    @peterotoole

    add font-size to the font-family declaration into the  rule:

    .form-all {
    color: #A9A9A9 !important;
    font-family: helvetica!important;
    font-size : 20px;
    }

     

    I cloned your form so you can see my attempt here , I changed the size to 20px on my example. You can clone mine back if you will and apply your own style and sizes.

     

    Jeanette

  • Profile Image

    Answered by jeanettebmz on August 12, 2012 at 02:53 PM

    By the way, I replaced in MY form  current CSS custom code

    [placeholder], select   by .form-all