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 the empty blank space above and at the bottom of the form.

    Asked by ilanagriffo on October 23, 2015 at 11:21 AM
    And when i try to embed it - it has a lot of white space a the top, and the form doesn't seem to be centered under the "contact" - is it possible to change that?
    blank space css padding inject custom css
  • Profile Image
    JotForm Support

    Answered by beril on October 23, 2015 at 11:27 AM

    Hi again,

    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 ilanagriffo on October 23, 2015 at 11:51 AM

    Thanks - that got rid of the space below "contact" but not above...

     

    The "details" is still not the right width, and the whole form seems to be on the right instead of centered on my page :(

    ilanagriffo.com/contact

  • Profile Image
    JotForm Support

    Answered by Mike_G on October 23, 2015 at 02:43 PM

    I have checked your website where your form is embedded, it seems to be positioned centered on the page. The reason why it looks like it's not is because of the lengthy textbox fields as shown on the image below.

    You can add this CSS codes to your form using this guide: How-to-Inject-Custom-CSS-Codes

     

     .form-textbox {

    width: 250px !important;

    }

    .form-textarea{

    max-width: 590px !important;

    width: 592px !important;

    }

    .jotform-form{

    padding: 0px !important;

    }

    Please check this form: https://form.jotform.com/52955121681961

    I hope this helps. Let us know if you will be needing any further assistance. Thank you. 

  • Profile Image

    Answered by ilanagriffo on October 23, 2015 at 02:50 PM

    Thank you - it's perfect now!