Beekeepersblog logo

Contact Form 7 WordPress plugin image icon

How to customize textarea width and height in Contact-Form-7

/ 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>