- January 6, 2019 at 7:05 am #28132
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.January 6, 2019 at 3:51 pm #28144January 8, 2019 at 8:10 pm #28175
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?January 9, 2019 at 8:06 pm #28184January 10, 2019 at 9:56 pm #28198
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!!!
January 11, 2019 at 2:02 pm #28204
- This reply was modified 1 year, 4 months ago by idina.
- You must be logged in to reply to this topic.