web-dev-qa-db-fra.com

wordpress contactform7 textarea cols et les lignes changent dans des écrans plus petits

J'ai utilisé contactform7 pour créer le formulaire de contact pour un site wordpress. Je souhaite réduire les lignes d'une zone de texte sur ce formulaire pour des tailles d'écran plus petites. Existe-t-il une méthode que je peux utiliser en utilisant la syntaxe propre de contactform7? Si non quelles sont mes options?

Vous trouverez ci-dessous la syntaxe de textarea dans contactform7 btw.

 [textarea* your-message 40x7]

(40 - cols, 7 - rangées)

htmlwordpresscontact-form-7
13
Janaka Dombawela

Je sais que ce post est vieux, désolé pour cela. 

Vous pouvez également taper 10x pour les colonnes et x2 pour les lignes, si vous voulez avoir un seul attribut.

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

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

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

Ce qui précède générera une zone de texte avec cols = "10" et 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>
8
Darren Hall

J'ai pu obtenir ce travail. J'ai ajouté ce qui suit à mon CSS personnalisé:

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

Le code sera comme ci-dessous.

[textarea id:message 0x0 class:custom-class "Insert text here"]<!-- No Rows 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 -->

Pour plus de détails: https://contactform7.com/text-fields/

0
Tariqul_Islam

Ajoutez-le après l'attribut Placeholder.

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