I see a lot of similar questions in Google:
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)
Here is also step by step tutorial it well help you easier to navigate:
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 -->
By the way you can also try to use this code in your CSS theme file:
(I was able to get this work. I added the following to my custom CSS:)
- .wpcf7-form textarea{
- width: 100% !important;
- height:50px;
- }
Hope this helps!
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.