Reduce Text Area Height

[idina]

Is there a way to reduce the height of a text area input field to something smaller than the “slim” setting? I can increase it by adding a CSS style to the textarea field, but using this method I can’t decrease the height to less than 5 rows (i.e., the “slim” setting). I would like to reduce the text area height to 3 rows.
Thanks.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[idina]

I am familiar with that guide for making the text area field larger. However, that method only works to increase the height of the text area to something greater than 150px. It doesn’t work if I try to set the text area height to anything less than 150px. I would like to set the text area height to 60px. Is there a way to do that?

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[idina]

The code

height: 60px;
min-height: 0;

doesn’t work on my form. However, using your suggestion of

min-height: 0 !important;
height: 60px !important;

works, but as you warned, it prevents the textarea height from being resized by dragging. If I leave !important on the min-height property but remove it from the height property, I can reduce the textarea height to 60px without losing the ability to resize by dragging. In other words, this CSS does the trick:

min-height: 0 !important;
height: 60px;

Thank you for your help!!!

• This reply was modified 6 years, 8 months ago by idina.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts