How to remove extra space in my form?

  • Profile Image
    MKMXM
    Asked on August 02, 2011 at 12:08 PM

    Hi,

    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?

     

    Thanks,

    Mark

  • Profile Image
    allanftd
    Answered 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!

    JOTFORM SUPPORT

  • Profile Image
    MKMXM
    Answered 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
    NeilVicente
    Answered on August 02, 2011 at 04:31 PM

    Hi,

    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!


    Neil