form fields not aligned and time drop down black

  • Profile Image
    perrymanku
    Asked on October 15, 2019 at 10:50 AM

    Hi this form  https://form.jotform.com/92733031164955


    The phone umber field is not aligned correctly and the time drop down is all black and not aligned correctly with date.

  • Profile Image
    AshtonP
    Answered on October 15, 2019 at 11:54 AM

    I am checking your form and will get back to you with an update.

  • Profile Image
    AshtonP
    Answered on October 15, 2019 at 12:12 PM

    Thank you for your patience.

    To align the phone number field with the other fields, change its width to 30. Here is a screenshot for reference:

    1571155433qwedfg.png

    To change the background of the dropdown in time filed, please add the CSS below to your form:

    .form-dropdown option 

    {

    background: white;

    }

    To add CSS code to your form, Go to Form Designer:

    1571155625The Easiest Online Form Builde

    Go to styles tab >> Scroll down and paste the CSS provided above in "Inject Custom CSS" Section >> Click Save:

    1571155684The Easiest Online Form Builde

     1571155834Capture.PNG

    I have also cloned your form and did needful. Here is the link to the cloned form: https://form.jotform.com/92874310689973

    You can also clone my form just in case you find it useful. Here is a guide with steps to clone form: How-to-Clone-an-Existing-Form-from-a-URL

    Let me know if you need any further details from my end.