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

    Looking for CSS to reduce the space on top of the jotform

    Asked by jim44 on February 02, 2015 at 12:33 AM

    Hi, I am trying to reduce the blank area at the top of my form, BOOk a Free Discovey session...I injected a piece of CSS that I found on the HELP forums but it didnt make any difference. I would like to reduce to around 10px if possible or even zero. 10px would be fine. Can you please help? Thank you. Jim

    Page URL:
    http://www.twopugsdesign/contact.html

    top CSS layout reduce top space
  • Profile Image

    Answered by Ben on February 02, 2015 at 09:13 AM

    You would need to add this CSS to your jotform:

    div.form-all, form-all ul:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    Even then, the spacing is a bit bigger because of the space between the letters and the iframe element, so I would suggest using the iframe embed method that would allow us to add a bit of the CSS code to the iframe itself so that it goes a bit more to the top.