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

    I would like this email field to be vertically centered with respect to the other elements in the form.

    Asked by corelight on January 10, 2017 at 04:21 PM

    Hi - I have tried everything I can think of to get the email field vertically centered with the other fields in this form.  Can you tell me how to accomplish this?  Also, suddenly, a white line appeared above the header when I added the mobile responsive widget.  Any clue how to get rid of this as well?

    Page URL:
    https://www.jotform.com//?formID=70045089451151#design

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 10, 2017 at 06:57 PM

    Try to inject this CSS codes to your form, this should center the 3 elements under the header and remove the whitelist.

    li#id_6 {

        width: 34%;

    }

    li#id_3 {

        width: 10%;

    }

    label#label_6 {

        display: none;

    }

    div#cid_6 {

        line-height: 69px;

    }

    iframe#customFieldFrame_6 {

        width: 100% !important;

    }

    button#input_3 {

        margin-top: 8px;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

    If something went wrong, please let us know so we can further assist you here.

    You might also want to clone these themes, they have horizontal fields design.

    https://www.jotform.com/theme-store/theme/horizontal-flat

    https://www.jotform.com/theme-store/theme/magnificient