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 the padding at the top of the form?

    Asked by JPR1963 on August 04, 2015 at 11:50 AM

    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...

    padding top of the form top padding custom CSS
  • Profile Image

    Answered by Ben on August 04, 2015 at 11:54 AM

    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 :)

  • Profile Image

    Answered by JPR1963 on August 05, 2015 at 06:29 AM

    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

     

     

  • Profile Image
    JotForm Support

    Answered by abajan on August 05, 2015 at 07:16 AM

    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

  • Profile Image

    Answered by JPR1963 on August 05, 2015 at 09:19 AM

    Hi Abajan

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

    thanks

    jp

  • Profile Image
    JotForm Support

    Answered by BJoanna on August 05, 2015 at 12:03 PM

    On behalf of my colleagues, you are welcome.

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