Я использовал contactform7 для создания контактной формы для сайта wordpress. Я хочу уменьшить строки в текстовом поле в этой форме для меньшего размера экрана. Есть ли какой-либо метод, который я могу использовать, используя собственный синтаксис contactform7? Если нет, то каковы мои варианты?
Ниже приведен синтаксис для textarea в contactform7 бит.
[textarea* your-message 40x7]
(40 - столбцы, 7 строк)
Я знаю, что этот пост старый, извините за это.
Вы также можете ввести 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 -->
В документе 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>
Я смог получить эту работу. Я добавил следующее к своему пользовательскому CSS:
.wpcf7-form textarea{
width: 100% !important;
height:50px;
}
Добавьте его после атрибута Placeholder.
[textarea* message id:message class:form-control 40x7 placeholder "Message"]
Код будет как ниже.
[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 -->