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 do I reduce the vertical space between my site text and my form?

    Asked by MYOpera on August 12, 2016 at 07:40 AM

    I've tried changing the header, which only changes the font size, not the margin area that's taking up too much room.

    There is no space outlined in the HTML of my site.

    Page URL:
    https://www.myopera.ca/hire-us/

    Screenshot
    how do i reduce space css
  • Profile Image
    JotForm Support

    Answered by KadeJM on August 12, 2016 at 10:22 AM

    It seems to me that you are seeking a way to remove the spacing gap between the top of your form at the header and the html area above it on your website.

    To do this you have to use injected css and just reduce the margin at the very top of your form and basically what that will do is move your form closer to the very top of the page which will also close the gap between your form and your html on your site. You can adjust it more as needed.

    CSS:

    .jotform-form {margin-top: -100px;}

     

     

  • Profile Image

    Answered by MYOpera on August 12, 2016 at 11:28 AM

    That was perfect. Thank you so much! Exactly what I needed.