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

Question

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 - colli, 7 - righe)

Answer 1

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

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

che questo genererà una textarea con cols = "10" e righe = "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

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

È inoltre possibile digitare 10x per cols e x2 per le righe, se si desidera disporre di un solo 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 --> 

Answer 3

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

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