How can we change the spacing between questions without any CSS code?

  • danutacase
    Asked on March 16, 2015 at 9: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. 

  • danutacase
    Replied 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?

  • Ben
    Replied 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):

    How can we change the spacing between questions without any CSS code? Image 1 Screenshot 30

    With the above CSS:

    How can we change the spacing between questions without any CSS code? Image 2 Screenshot 41

    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.