How to customize textarea width and height in Contact-Form-7
You can adjust the textarea height and width using the build-in Contact-Form-7 syntax. To reduce or expand the rows, use the number after the x. The code below will have 4 rows
<label> Your Message
[textarea your-message x4 ] </label>
To adjust the columns use the number before the x in the text area. The code below will have 5 columns
<label> Your Message
[textarea your-message 5x ] </label>
To control both rows and columns you can use x in the middle. The code below will have 5 columns and 4 rows.
<label> Your Message
[textarea your-message 5x4 ] </label>
If you do not add anything, it will take the default value which is 40×10. 40 columns and 10 rows.
<label> Your Message
[textarea your-message] </label>
I have also answered this in the Stack overflow, You can see it here https://stackoverflow.com/a/39488691/5413283
How do you like this article?
(36 votes, average: 0.72 out of 5)
Loading...
(36 votes, average: 0.72 out of 5)Loading...