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.
inconsistent lengths of line in address compared to other fieldsAsked by Masalamedia on July 31, 2015 at 03:46 PM
CITY and ZIP CODE are different lengths compared to all other fields on my form. Why don't they default to line up? How do I fix this?
Form URL given below; it is embedded on this page
in line different zip code all and
It seems there is some CSS applied by the theme is is causing the widths. Try adding this code to your form:
width : 105% !important;
width : 105% !important;
I had to remove this line:
width : 100%;
That made the form look like this:
Adjust the above values to your liking.
If you have any further questions, let us know and we will be happy to help.
hey, that worked! Thanks.
OK, so one other thing is the spacing between lines which is weirdly inconsistent. Just as with the widths, it is quite frustrating when the defaults don't provide consistent or aesthetically pleasing results.
Unfortunately, when I click into the theme Designer to make various adjustments, all the custom CSS I put into PREFERENCES get erased.
So, can you point me to the correct CSS tags to make the vertical spacing between my fields more even?
Normally, the .form-line is adjusted by increasing or decreasing it's margin top and bottom. This is for all of the fields. Here's a guide on how to inject this custom CSS code.
margin-top: 10px !important;
margin-bottom: 10px !important;
But, we might need to add something else or target specific fields. Please provide a screenshot or be more specific on what fields that needs to be adjusted. I use Google Chrome Web Inspector to identify the selector that needs to be targeted.
i have really tried using David solution to fixing my form (http://eyesondubai.com/visa-application-form/) width. its not in order. please kindly help. Thanks
We do ask that you create a separate thread to have your issue addressed. I am seeing that you created a thread and your issue was addressed.
If you are still experiencing an issue, please feel free to update your thread: http://www.jotform.com/answers/625765