CF7 Textarea Columns And Rows
Add the Contact Form 7 textarea shortcode as shown below:
|
1 |
[textarea your-message cols:30 rows:10] |
cols:30 → sets the width of the textarea to 30 character columns.
rows:10 → sets the height of the textarea to 10 lines.
Form HTML Output
Contact Form 7 Disable Textarea Resize
1. Add a class to your textarea field:
In your CF7 form:
|
1 |
[textarea your-message class:no-resize placeholder "Your message"] |
2. Add this CSS to your WordPress theme:
Go to Appearance → Customize → Additional CSS or add it to your theme’s CSS file:
|
1 2 3 |
.wpcf7 .no-resize { resize: none; } |
Contact Form 7 Textarea Height
Add the following code to the selected theme style.css file.
|
1 2 3 4 |
.wpcf7-form textarea{ width: 100% !important; height:50px; } |