How to remove the padding at the top of the form?

Now I have only to deal with the padding above the form. It should be zero... I tried with .form-all {

    padding-top: 0;

} 

but there is still some space above the form. Arghhh...

This padding at the top might be cause by several things, so if the following CSS code does not work for you, do give us the link to the website page where your form is embedded and we will check it out and help you fix it :)

This is the CSS (you can see that there is a very slight modification done to it):

div.form-all { padding-top: 0; }

You can add it to your forms custom CSS code by following the steps here: Inject Custom CSS Codes

Of course, as mentioned, we are here to help if needed :)

Hi Ben

Even the new code do not change anything :-(

Maybe you can find something? The URL: http://www.gowest-aarau.ch/reservieren/

I have to make some more Websites for Restaurants and there will be always the same problem, therefore it would be great to find a solution. :-)

thanks

jp

Hi jp,

For the rule's selector, please substitute .jotform-form for div.form-all so that the rule becomes

.jotform-form {
   padding-top : 0;
}

To reduce the padding even more, you could also add one of the following rules:

.form-header-group {
   padding: 0 0 24px 0;
}

or

.form-header-group {
   padding-top: 0;
}

Do let us know if you need more help with this.

Thanks

Hi Abajan

Great! No it works perfectly! Thank you very much for your support, all of you made an excellent job!

thanks

jp

On behalf of my colleagues, you are welcome.

Feel free to contact us if you have any other questions.