Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

wordpress contactform7 textarea cols and rows change in smaller screens

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)

like image 210
Janaka Dombawela Avatar asked Mar 13 '15 06:03

Janaka Dombawela


People also ask

How to change row in textarea contact form 7?

First you need to Go to your Dashboard -> Appearance -> Customize -> Theme Options -> Custom CSS options. You can adjust no. of rows from CF7 shortcode.

How do I add a row col in Contact Form 7?

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.


1 Answers

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 --> 
like image 182
Dexter Avatar answered Sep 23 '22 18:09

Dexter