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.
How do I make my text box longer ?Asked by janicehales on December 01, 2014 at 10:24 PM
As you can see from the screen shot,
the line Because:
Can I make the box closer to word Because so there isn't so much space and it also makes the box longer.
It needs to be in the same position as the other boxes on the right.... just closer to the word Because (perhaps just under the word "For" that is above.
Thank you Janice
If I understand your question correctly, you want to reduce the gap between label and the text box. Is that correct?
There are two options to achieve your requirement:
1. You can set the label alignment to right and that will remove the white space but also align the label on right side too. Pleas check the screenshot below:
2. Another option is to reduce the width of the question label. Please inject the following custom css code in your form and see if that helps you:
width: 150px !important;
The following guide should help you inject custom css code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Label width can also be changed form your form's preferences. Please check the screenshot below:
Hope this helps.
Do get back to us if you have any questions.
Thank you for your response I decided to use your code and I tested it on another test version of my form and that worked. But now when I try and put the code into my form it does nothing, have i done something wrong
This is what happened when i inserted the code ii then managed to make each field longer. But now when i add your code to my live form nothing happens
Guess what I have just worked out how to do it ....thanks for your help
On behalf of my colleague, you're welcome.
I'm glad to see that you were able to fix your form by yourself.
If you need further assistance, please let us know.