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 decrease space between heading and text?

    Asked by clarkschool on May 09, 2016 at 03:46 PM

    Can you please help me figure out how to decrease the amount of space between the form heading and the text box below it (see red arrow in pic)? I've tried making changes to the CSS (margin-bottom, margin-top), but that didn't work.

     

    Page URL:
    https://form.jotform.com/61294697062160

    Screenshot
    heading and decrease form heading arrow
  • Profile Image
    JotForm Support

    Answered by Nik_C on May 09, 2016 at 05:31 PM

    You can decrease the spacing by injecting the following custom CSS code to your form:

    .form-header-group {  
     height: 65px;    
     margin-bottom: -35px !important;
    }
     
    You can inject the CSS code by following this guide.
  • Profile Image

    Answered by clarkschool on May 09, 2016 at 07:24 PM

    Thank you, that worked great!

    Thank you for continued excellent customer support!

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 09, 2016 at 10:07 PM

    On behalf of my colleague, you are welcome! Please open a new thread if you need anything else, we will be glad to assist you.