it-swarm.dev

wordpress contactform7 textarea cols e le righe cambiano in schermi più piccoli

Ho usato contactform7 per creare il modulo di contatto per un sito wordpress. Voglio ridurre le righe in una textarea su quel modulo per dimensioni dello schermo più piccole. C'è qualche metodo che posso usare usando la sintassi di contactform7? Se no, quali sono le mie opzioni?

Di seguito è riportata la sintassi per textarea in contactform7 btw.

 [textarea* your-message 40x7] 

(40 - colonne, 7 righe)

13
Janaka Dombawela

So che questo post è vecchio, mi dispiace per quello. 

Puoi anche digitare 10x per cols e x2 per le righe, se vuoi avere solo un attributo.

[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

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

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

Quanto sopra genererà una textarea con cols = "10" e 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

Sono stato in grado di ottenere questo lavoro. Ho aggiunto quanto segue al mio CSS personalizzato:

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

Il codice sarà come sotto.

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

Per dettagli: https://contactform7.com/text-fields/

0
Tariqul_Islam

Aggiungilo dopo l'attributo Segnaposto.

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