How to remove the blank line at the top of the drop-down list?

  • Profile Image
    deecox
    Asked on August 04, 2016 at 01:37 PM

    Another couple of points -

    In the Jotform field {selectCurrency} I cannot remove the blank line at the top of the drop-down list. I just want EUR and USD displayed (with EUR selected) without the first blank line.

    How can I reduce the amount of space between Step 1 and Select currency, more like this -

    Step 1

    Select currency *

     

    and the same as the space under Step 2, Step 3 and Step 4.

     

    Many thanks for your help

  • Profile Image
    BJoanna
    Answered on August 04, 2016 at 01:59 PM

    Unfortunately it is not possible to remove blank option from dropdown field, but you can hide it with CSS code. To hide blank option add this CSS code to your form:

    select > option[value=""] {

        display: none;

    }

    How to Inject Custom CSS Codes

    You can reduce spacing between fields inside of Form Designer. Open your Designer and select Line Layout tab. There you can reduce line spacing and vertical padding.

    Here is my demo form: https://form.jotform.com/62165348698974 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.