Cant remove blank space in top of form

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

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.

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;

}

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.