वर्डप्रेस संपर्क फ़ॉर्म 7 टेक्स्टरेरा कोल्स और पंक्तियां छोटे स्क्रीनों में बदलती हैं

Question

मैंने वर्डप्रेस साइट के लिए संपर्क फ़ॉर्म बनाने के लिए contactform7 का उपयोग किया। मैं छोटी स्क्रीन आकार के लिए उस फॉर्म पर टेक्स्टरेरा में पंक्तियों को कम करना चाहता हूं। क्या कोई तरीका है जिसका उपयोग मैं contactform7 के अपने वाक्यविन्यास का उपयोग कर कर सकता हूं? यदि नहीं तो मेरे विकल्प क्या हैं?

नीचे contactform7 btw में textarea के लिए वाक्यविन्यास है।

[textarea* your-message 40x7] 

(40 - कॉलम, 7 - पंक्तियाँ)

Answer 1

documentaion में http://contactform7.com/text-fields/#textarea

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

ऊपर कॉलम = "10" और पंक्तियों = "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

मुझे पता है कि यह पोस्ट पुराना है, इसके लिए खेद है।

यदि आप केवल एक विशेषता चाहते हैं, तो आप पंक्तियों के लिए 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 --> 

Answer 3

मैं यह काम प्राप्त करने में सक्षम था। मैंने अपने कस्टम सीएसएस में निम्नलिखित जोड़ा:

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