JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
How do you adjust spacing on the small labels?Asked by sgambilldesign on January 12, 2016 at 02:34 PM
The small labels that are under the fields aren't close enough to the fields they belong to. It's difficult to tell when filling out the form if the small label relates to the one above or below it.
For example, in the section for name, 'middle name' goes with the field in the middle line, but looks like it goes with the field below it (which is really 'suffix').
In another one of my forms, the spacing is perfect, so I don't know what I've done!
In a related note, why can't I adjust the size of 'prefix' and 'suffix' to be very short, and then have all fields on one line? Right now, they feel jumbled.
Unfortunately, I'm unable to understand correctly your concern.
You can inject this CSS code and adjust the width for all the fields in the name section :
Do let us know if it helps, if not, please provide us more details about what are you trying to achieve, we will be glad to assist you.
I wasn't sure what to call the small labels, so knowing they are called 'sub labels' might help!
Right now, the placement of the sub labels is confusing. "prefix" is closer to the 'middle name' field than the field for 'prefix'. Can "prefix be moved up, so there is more space below it than above it?
I'm using 'prefix' as the example, but all sub labels need to be adjusted the same way.
In this other form (http://form.jotformpro.com/form/51544215113948), see how the sublabels are closer to the field they are labeling? This is how they should look on the form I'm questioning...
I hope this is helpful..
Thank you for the clarification.
To reduce the space between the sub-label and the field, and at the same time separate it from the field below, just inject this CSS code :
Sub-labels will be displayed like this :
Hope this will help you.