This likely needs to be fixed by modifying the CSS applied by your WP theme for form textarea fields.
See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author though I’m not allowed by WP Forum moderation to link directly to it here), that covers this topic in detail.
If you can post a link to your form here, others can use Chrome Dev Tools to suggest specific changes that would work in your case.
Thanks. Here’s the web page link:
http://certofthevillages.com/cert-application
Here’s my contact form 7 entry for the textarea:
<label>If yes, please explain below</label>
[textarea arrested x4 “”]
Here’s the resulting code as shown by Firefox Inspector:
<textarea name=”arrested” cols=”40″ rows=”4″ class=”wpcf7-form-control wpcf7-textarea” aria-invalid=”false”></textarea>
The CF7 textarea display on the web page shows 9 rows no matter what change I make.
The height of that textarea is controlled in the following CSS in your theme:
http://certofthevillages.com/wp-content/themes/phlox/css/main.css?ver=2.2.6
.aux-contact-form textarea, #commentform textarea, .c_form textarea, .wpcf7 textarea {
min-height: 240px;
height: auto;
max-width: 100%;
}
It’s not controlled by rows"4" as you expect.
To limit height you can add something like the following CSS.
.wpcf7 .wpcf7-form textarea {
min-height: 100px;
}
Use Firefox to inspect & test your changes.
I’ll give it a try! Thanks for taking the time to help me out. I appreciate it!!
Phil Bailey
