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

  • deecox
    Asked on August 4, 2016 at 1: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

  • BJoanna
    Replied on August 4, 2016 at 1: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.

    How to remove the blank line at the top of the drop down list? Image 1 Screenshot 20

    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.