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 can we change the spacing between questions without any CSS code?

    Asked by danutacase on March 16, 2015 at 09:57 AM

    Without using CSS, is it possible to change the space between sections of my form?

     

    Or to change the font size of headers of sections (for example the header of a text box).

     

    IF the only way to do this is by using a custom CSS code, is it simple enough to do for someone who doesn't know what they're doing? that would be me. 

    spacing space between fields adjust spacing field spacing
  • Profile Image

    Answered by danutacase on March 16, 2015 at 10:22 AM

    I want to change the "Comments" headers to be a smaller font size.

     

    here is the form:

    http://www.jotform.com/?formID=50743746148965

     

    Also, I found a custom css for making spaces smaller (this is the one I used: .form-header-group {padding-top: 5px;padding-bottom: 5px;margin-top: 0px;margin-bottom: 0px;}. )

     

    which works, but it applied to the whole form, and I only want the spaces in between the question section and comments section to be small, and the space from the comments section the next new section to be a little larger. What would be the CSS i could use for that?

  • Profile Image

    Answered by Ben on March 16, 2015 at 11:34 AM

    To change the size of the spacing between the questions you can follow the steps in this guide: How Can I Change Spacing Between Questions?

    Now this will change the spacing for all questions.

    If you need this for only specific elements, then you would need to use some CSS code to do that, but if you tell us which segment it is, we would be happy to help you with that.

    The CSS you gave is for the header group (the element at the very top of the page) so it should not make any changes to the fields under it, but this CSS will help you with that:

    li[data-type="control_textarea"] {
        margin-bottom: 40px;
        margin-top: -10px;
    }

    You can see here how to Inject Custom CSS Codes.

    Without the code (original):

    With the above CSS:

    It reduces the space above the comments and adds pace bellow them.

    In regards to the change to the font size I have moved your question to a new thread here: http://www.jotform.com/answers/533833 where we will be replying to shortly.