I used contactform7 to create the contact form for a wordpress site. I want to reduce the rows in a textarea on that form for smaller screen sizes. Is there any method I can use using contactform7's own syntax? If not what are my options?
Below is the syntax for textarea in contactform7 btw.
[textarea* your-message 40x7]
(40 - cols, 7 - rows)
First you need to Go to your Dashboard -> Appearance -> Customize -> Theme Options -> Custom CSS options. You can adjust no. of rows from CF7 shortcode.
To add cols and rows, use x e.g. You need cols=80 and rows=5, it will be 80x5 It must be placed after the name of the control. Show activity on this post.
Even though this question is more than 5yrs old, it is still active regularly and like me many of us trying to get a clear answer to this question.
You can also type 10x
for cols and x2
for rows, if you want to have only one attribute.
[textarea* your-message x3 class:form-control] <!-- only rows --> [textarea* your-message 10x class:form-control] <!-- only columns --> [textarea* your-message 10x3 class:form-control] <!-- both -->
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With