CMS Development

petras
Contributor

Multiline form field - change number of rows (height of the field)

SOLVE

Hello, hope somebody may help me in this matter. I have a form with a multiline field. The height of this field I will have to change (the amount of rows) to have more space to introduce information. Thanks a lot for your help. Best regards, Petra

0 Upvotes
1 Accepted solution
PatrykJ
Solution
Contributor

Multiline form field - change number of rows (height of the field)

SOLVE

Use this code:

textarea {
    height: 250px;
}

It applies to all the textarea fields.

Or:

 

.webinar-form {
    height: 250px;
}

It applies to the textareas or other tags with .webinar-form class.

 

 

View solution in original post

0 Upvotes
6 Replies 6
Id8corp
Member

Multiline form field - change number of rows (height of the field)

SOLVE

I would like to increase the height of a multiline form field but none of the above suggestions work. Has anyuone found a workaround for this?

0 Upvotes
Id8corp
Member

Multiline form field - change number of rows (height of the field)

SOLVE

this solution does not work

0 Upvotes
PatrykJ
Contributor

Multiline form field - change number of rows (height of the field)

SOLVE

You can do it in css, like that:

textarea {
    height: 100px;
}
petras
Contributor

Multiline form field - change number of rows (height of the field)

SOLVE

Hello, thanks so much for responding. I called the form webinar-form and I included the code in the CSS but cannot see that the text area is bigger. Send you the code. Can you tell me if it is correct. Thank you very much. Kind regards, Petra


/* ==========================================================================
  Form                                                   
   ========================================================================== */

.webinar-form
textarea {
    height: 250px;
}

0 Upvotes
PatrykJ
Solution
Contributor

Multiline form field - change number of rows (height of the field)

SOLVE

Use this code:

textarea {
    height: 250px;
}

It applies to all the textarea fields.

Or:

 

.webinar-form {
    height: 250px;
}

It applies to the textareas or other tags with .webinar-form class.

 

 

0 Upvotes
Kevin_Cuddeback
Participant

Multiline form field - change number of rows (height of the field)

SOLVE

I see the code, but don't know where to apply it.  In which part of the larger HubSpot UI (forms? web templates?) will I be able to "open it up" and "paste those in"?

0 Upvotes