Wordpress contactform7 textarea cols и строки меняются на меньших экранах

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

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

 [textarea* your-message 40x7] 

(40 - столбцы, 7 строк)

Ответ 1

Я знаю, что этот пост старый, извините за это.

Вы также можете ввести 10x для столбцов и 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 -->

Ответ 2

В документе http://contactform7.com/text-fields/#textarea

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

Вышеупомянутое будет генерировать текстовое поле с cols = "10" и rows = "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>

Ответ 3

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

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

Ответ 4

Добавьте его после атрибута Placeholder.

[textarea* message id:message class:form-control 40x7 placeholder "Message"]

Ответ 5

Код будет как ниже.

[textarea id:message 0x0 class:custom-class "Insert text here"]<!-- No row No columns -->

[textarea id:message x2 class:custom-class "Insert text here"]<!-- only rows -->

[textarea id:message 12x class:custom-class "Insert text here"]<!-- Only Columns -->

[textarea id:message 10x2 class:custom-class "Insert text here"]<!-- Both rows and Columns -->