Problem with drop down field

  • Profile Image
    peterotoole
    Asked 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!!

  • Profile Image
    idarktech
    Answered 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
    peterotoole
    Answered 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
    javierf
    Answered 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
    jeanettebmz
    Answered 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
    jeanettebmz
    Answered 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