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

    Cant remove blank space in top of form

    Asked by dpala on September 10, 2015 at 01:45 AM

    I tried using:

    .form-line {
    margin-top: 0 !important;
    padding-top: 0 !important;
    }

    and:

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

    But I still have huge space on top of my form, Im embedding it, so it looks awful in my website.

    The form is:

    http://form.jotformz.com/form/52520770800649

     

    thanks

    Page URL:
    http://form.jotformz.com/form/52520770800649

    blank space top in cant
  • Profile Image
    JotForm Support

    Answered by beril on September 10, 2015 at 02:28 AM

    Hi,

    Could you try injecting the following CSS code to your JotForm with the margin reduced further to -40px to see if that helps?
    .form-all {
    padding-top: 0;
    margin-top: -40px;
    }

    Here is how to do that:
    1)  Click on Setup & Embed.


    2) Click on Preferences.


    3) Click on Form Styles.


    4) Copy and paste the code above to Inject Custom CSS.

     

    You can also use the following CSS code, as it’s pretty short and concise. This also removes the top spacing of the form.

    .jotform-form {padding:0}

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image

    Answered by ryanagrimson on October 27, 2015 at 01:58 AM

    I found the CSS class that the box at the bottom of my form is, using the CSS design panel by JotForm (<-love that feature)

    Add this little bit of CSS to change the height of that extra space.

     

    .form-input-wide {

        max-height: 10px;

    }

  • Profile Image
    JotForm Support

    Answered by beril on October 27, 2015 at 08:38 AM

    Hi,

    We are very glad to hear that the issue has been resolved for you.

    If you have any question or issues, please do not hesitate contacting us. We will glad to assist you.