wordpress contactform7 textarea cols i zmiany wierszy na mniejszych ekranach

Question

Użyłem contactform7 do utworzenia formularza kontaktowego dla strony wordpress. Chcę zmniejszyć wiersze w obszarze tekstowym w tym formularzu dla mniejszych rozmiarów ekranu. Czy jest jakaś metoda, której mogę użyć przy użyciu składni contactform7? Jeśli nie, jakie są moje opcje?

Poniżej znajduje się składnia textarea w contactform7 btw.

[textarea* your-message 40x7] 

(40 - cols, 7 - rzędów)

Answer 1

W funkcja dokumentowania http://contactform7.com/text-fields/#textarea

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

Powyższy wygeneruje textarea z cols = "10" i rzędów = "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

Wiem, że ten post jest stary, przepraszam za to.

Możesz również wpisać 10x dla cols i x2 dla wierszy, jeśli chcesz mieć tylko jeden atrybut.

[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

Udało mi się zdobyć tę pracę. Dodałem do mojego niestandardowego kodu CSS:

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