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

petras
Contributor

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

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

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

this solution does not work

0 Upvotes
PatrykJ
Contributor

You can do it in css, like that:

textarea {
    height: 100px;
}
petras
Contributor

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

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

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