-
danutacaseAsked 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.
-
danutacaseReplied 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?
-
BenReplied 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.