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

    reduce space above html

    Asked by lshad24 on October 13, 2011 at 05:58 PM

    How do I reduce the space between my text box and free html

     

     

    Page URL:
    http://www.jotform.com/form/12855424129

  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 13, 2011 at 06:15 PM

    Please inject this custom css to your form:

    .form-html p {
    margin: 0;
    }
    #id_4 {
    padding-top: 0;
    }

    Hope you find this useful. Thanks!

  • Profile Image

    Answered by arpajo on October 13, 2011 at 06:21 PM

    Hey Neil! 

    I am wondering, what does "inject" mean? In which part of the code should we add it?

    Thanks,

    Roberto 

  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 13, 2011 at 06:24 PM

    Roberto,

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     
    Take note though, that although the code:

    .form-html p {
    margin: 0;
    }

    will reduce some spacing on all forms with free text fields, the other code:

    #id_4 {
    padding-top: 0;
    }

    is specific to lshad's form.

  • Profile Image

    Answered by arpajo on October 13, 2011 at 07:00 PM

    Perfect! Thanks again :)