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

    How to remove white space at top of form

    Asked by wrafter on January 11, 2012 at 09:18 AM

    Hi, I notice that every time I create a JotForm and embed it, there is always quite a large piece of white space (in height) above the top of the form, a good 50px or more. Is there any way that I can reduce that whitespace?
    (The whitespace always appears between the bottom of the preceeding content (on the site itself) and the top of the form embed script.)

    Thanks. (See attached)

    Screenshot
    white, space, gap form embed whitespace white space
  • Profile Image
    JotForm Support

    Answered by abajan on January 11, 2012 at 09:46 AM

    The space can be reduced by 20px if the following CSS is injected:

    .form-all {
    padding-top: 0;
    }

    Adding a margin-top property with a negative value to the above rule will reduce it further. For example, the second declaration of the following rule will reduce the space by a further 10px, making the total reduction 30px:

    .form-all {
    padding-top: 0;
    margin-top: -10px;
    }

    If you need clarification on anything, do let us know.

  • Profile Image

    Answered by wrafter on January 11, 2012 at 10:43 AM

    That did work, thank you, very solid and informative reply.

  • Profile Image
    JotForm Support

    Answered by abajan on January 11, 2012 at 11:08 AM

    Glad to be of assistance.

  • Profile Image

    Answered by virtualearth on April 14, 2015 at 10:17 PM

    Hi Abajan,

    I added the cms above however not getting a result (remove or reduce padding above form).

    see: https://secure.jotformpro.com/form/51027081993961

    regards

    Brad

     

  • Profile Image

    Answered by yourhiphopbeats on April 14, 2015 at 10:40 PM

    ╔═══╦╗─╔╦══╗╔═══╦═══╦═══╦══╦══╗╔═══╗

    ║╔═╗║║─║║╔╗║║╔═╗║╔═╗║╔═╗╠╣╠╣╔╗║║╔══╝

    ║╚══╣║─║║╚╝╚╣╚══╣║─╚╣╚═╝║║║║╚╝╚╣╚══╗

    ╚══╗║║─║║╔═╗╠══╗║║─╔╣╔╗╔╝║║║╔═╗║╔══╝

    ║╚═╝║╚═╝║╚═╝║╚═╝║╚═╝║║║╚╦╣╠╣╚═╝║╚══╗

    ╚═══╩═══╩═══╩═══╩═══╩╝╚═╩══╩═══╩═══╝

    WWW.youtube.com/YourHipHopBeats         WE UPLOAD DAILY!!!

  • Profile Image
    JotForm Support

    Answered by Kiran on April 15, 2015 at 10:52 AM

    Brad, your query is moved to a separate thread and shall be addressed there shortly.

    http://www.jotform.com/answers/552959

     

  • Profile Image

    Answered by TheCloverClub on December 15, 2015 at 08:14 PM

    Hello.

    I added the following rule to my CSS:

    .form-all {
    padding-top: 0;
    margin-top: -50px;
    }

    The -50px is perfect for desktop, but my mobile version needs a different padding because the top of the form gets hidden because the -50px padding is too small for mobile.

    Please advise how I can fix this.

  • Profile Image

    Answered by TheCloverClub on December 15, 2015 at 09:24 PM

    Nevermind, I fixed it.

  • Profile Image
    JotForm Support

    Answered by Chriistian on December 16, 2015 at 03:07 AM

    Hi,

     

    We are glad to know that you have fixed the issue yourself.

     

    Do inform us if you have any other questions regarding jotform.                                                    

    Regards,

  • Profile Image

    Answered by tps01930 on February 15, 2016 at 11:21 AM

    I'm having trouble removing this top margin using the information provided above.

    http://turningpointsystems.com/contact-ems/

    .form-all {
    padding-top: 0;
    margin-top: -50px;
    }

    Any ideas?


    Thanks.


    Chris Jaeger

     

  • Profile Image
    JotForm Support

    Answered by Charlie on February 15, 2016 at 12:28 PM

    @tps01930

    I see you already have opened your own separate thread for your concern. Please refer to this link instead: http://www.jotform.com/answers/772585. We will answer your inquiry directly there. Thank you for your understanding.