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 extra space in my form?

    Asked by MKMXM on August 02, 2011 at 12:08 PM


    On my Wordpress Blog I'm currently using one of your forms within a sidebar under the title 'Every Little Helps!'.  The embedded code is held within a Widget for HTML and Java content, there is no other code in the box aside from the source code.

    My problem is that there is a huge gap between the header of the widget box and the form display.  This is something I have to change in Jotform.

    See here on the top right hand side for my problem: http://haveringlibdems.org.uk/wordpress/,

    How do I change this?




    Page URL:

  • Profile Image

    Answered by allanftd on August 02, 2011 at 01:12 PM

    Hi Mark,

    If you haven't done it yet, kindly try using other embed codes, particularly the Iframe embed code. Please update us on the results so that we can further assist you if necessary.

    Thank you for using JotForm!


  • Profile Image

    Answered by MKMXM on August 02, 2011 at 01:34 PM

    The iFrame code left the same amount of space at the top and an enormous amount at the bottom :/

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 02, 2011 at 04:31 PM


    Try these solutions:

    Get your form's iframe codes then change the iframe's height property to 180px.

    Inject this css code onto your form:

    .form-all {
        padding-top: 0;

    To make it look more compressed, remove the bottom padding of the "Every Little Helps" heading by adding this css code onto your site's style.css file

    #sidebar #html_javascript_adder-6 h3 {
        margin-bottom: 0;

    You can edit the file by logging in to your wordpress admin page. Go to Appearance > Editor > Style.css

    Let us know how this works for you. Feel free to contact us again if you have further questions. Thanks!