How do I remove the space at the top of my forms?

  • Profile Image
    martinkruit
    Asked on January 12, 2012 at 11:13 AM

    I've created two forms and they look great however both forms have a space at the top of the page of about 30 - 40 px. This space is shifting the form down out of the box space of the pop-up window. (Lightbox etc.) Is there a way of getting rid of this space or have I made a mistake making the form?

    Kind regards,

    Martin Kruit

  • Profile Image
    NeilVicente
    Answered on January 12, 2012 at 01:24 PM

    Martin,

    I tried recreating your problem on my end but to no avail.

    What is the URL of the page where the form is embedded? We need to be able to inspect it and see what's causing your issue.

  • Profile Image
    martinkruit
    Answered on January 13, 2012 at 06:19 AM
    Hi,
    I've checked through all my coding, stylesheets etc. and can't find the problem. I have made the website 'live' because I though possibly my local server wasn't showing properly but still no luck. Also when I preview on the jotform website the gap appears!? Thanks for your help so far. here are the two url's
    http://www.martinkruit.com/
    http://www.martinkruit.com/ent_enquiry.php
    Kind regards,
    Martin
  • Profile Image
    NeilVicente
    Answered on January 13, 2012 at 09:35 AM

    Martin,

    You sure have not checked through all your coding :)

    Here's the culprit found at line 491 of your site's style.css file:

    iframe {
        padding-top20px;
    }

    Simply remove this code to fix your problem.

  • Profile Image
    martinkruit
    Answered on January 13, 2012 at 10:22 AM
    Thanks very much! I guess I've been looking at my computer screen too long. Kind regards, Martin