wordpress contactform7 textarea cols и rows change in less screens

Question

Я использовал contactform7 для создания контактной формы для сайта wordpress. Я хочу уменьшить строки в текстовом поле в этой форме для меньшего размера экрана. Есть ли какой-либо метод, который я могу использовать, используя собственный синтаксис contactform7? Если нет, то каковы мои варианты?

Ниже приведен синтаксис для textarea в contactform7 бит.

[textarea* your-message 40x7] 

(40 - смещ_по_столбцам, 7 - строки)

Answer 1

В documentaion http://contactform7.com/text-fields/#textarea

[textarea* message id:contact-message 10x2 placeholder "Your Message"]

выше будет генерировать текстовое поле с COLS = "10" и строк = "2 "

<textarea name="message" cols="10" rows="2" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" id="contact-message" aria-required="true" aria-invalid="false" placeholder="Your Message"></textarea> 

Answer 2

Я знаю, что это сообщение устарело, извините за это.

Вы можете также ввести 10x для cols и x2 для строк, если вы хотите иметь только один атрибут.

[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 --> 

Answer 3

Я был в состоянии получить эту работу. Я добавил следующее к своему пользовательскому CSS:

.wpcf7-form textarea{ 
    width: 100% !important; 
    height:50px; 
}