I need to extend the length of two text boxes in my form, address and Job Description entry fields

I can't extend the length of the two fields, Job Description and Address in my form - they need to be 3-4 times the height of the other text boxes. These other text boxes need to stay the same height. Also, I have added some vertical padding somewhere on these two form fields so the text doesn't write in the middle which I cant seem to get rid of - can you help?

 

I'd love it if you could make these quick changes for me - i am new to jotform so not sure how to do this! 

Thanks

Daniel Greenwell

You can modify the properties by accessing the form designer in the form builder

Select the Designer tab then click on any of you textboxes to bring up the textbox properties, from there make changes to section highlighted in the following screenshot.

 

Please let us know if you need further clarification or assistance

Hello,
Yeah that's what I was doing - the problem is that it changes all the entry
fields height eg. Name company, and I only want those two fields to be
bigger.
Is this possible? Is there a work around of this that I can do??
Thanks for the speedy response!
Daniel Greenwell
On Wednesday, July 29, 2015, JotForm Support Forum <
noreply@jotform.com> wrote:
...

Another workaround you can use is to inject custom CSS code affecting the textarea, here is the snippet to use

.form-textarea {
    height : 140px !important;
}

Modify the height property to your desired value.

Paste the code in the CSS tab of the form designer

Did you manage to resolve the padding issue?

Okay that's great - how so I use that CSS to specify a particular input
box? Just so I can change those two?
Yeah I sorted the padding thanks for the help so far!
Thanks alottttt
Daniel
On Wednesday, July 29, 2015, JotForm Support Forum <
noreply@jotform.com> wrote:
...

In this case you can use the ids for the specific fields

#input_14,#input_7 {
    height : 140px !important;
}

To identify the id of the fields goto the form builder, then select the properties of the that particular field,  at the bottom of the properties window you will see the id

awesome! That coding has worked perfectly!
I have one final thing that's now messed up because of the coding.......
The height/distance between each form has now massively increased and I
would like to decrease this - is there a CSS code for the entire form that
controls the height between each field?
Final thing i promise! Thanks in advance for prompt help!
Really appreciate it. Daniel
...

Hi Daniel,

No problem we are here to assist you become and expert in using our tools,

Kindly try adjusting the line height in the form designer

You can also use this CSS if the above approach does not yield results

.form-line {padding: 2px !important;}

 

Great! Fixed it - thanks for the help!! Danie
On Wednesday, July 29, 2015, JotForm Support Forum <
noreply@jotform.com> wrote:
...