How do I reduce the vertical space between my site text and my form?

  • MYOpera
    Asked on August 12, 2016 at 7: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.

    Jotform Thread 904752 Screenshot
  • KadeJM
    Replied 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.

    How do I reduce the vertical space between my site text and my form? Image 1 Screenshot 30

    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;}

     

    How do I reduce the vertical space between my site text and my form? Image 2 Screenshot 41

     

  • MYOpera
    Replied on August 12, 2016 at 11:28 AM

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