Impossible to style a textarea generated by a Wordpress contact form plugin!

A

admin

Administrator
Staff member
In <a href="http://widerdesign.com.tw/contact/" rel="nofollow noreferrer">this page</a>, I'm trying to style a <strong>textarea</strong> generated by <a href="http://wordpress.org/extend/plugins/contact-form-7/" rel="nofollow noreferrer">Contact Form 7</a>, but it doesn't matter what I do I can't.

code:

<strong>CSS:</strong>

Code: 
.wpcf7-form input, #wpcf7-form textarea {
    border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
    border-style: solid;
    border-width: 1px;
    margin: 0 400px 10px 0;
    padding: 5px;
    width: 350px;
}
#wpcf7-form textarea {
    margin: 0 400px 20px 0;
}

HTML:

Code: 
                &lt;div class="wpcf7" id="wpcf7-f1-p2-o1"&gt;&lt;form action="/wordpress/?page_id=2#wpcf7-f1-p2-o1" method="post" class="wpcf7-form"&gt;
&lt;div style="display: none;"&gt;

&lt;input type="hidden" name="_wpcf7" value="1" /&gt;
&lt;input type="hidden" name="_wpcf7_version" value="2.3.1" /&gt;
&lt;input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p2-o1" /&gt;
&lt;/div&gt;
&lt;p&gt;Your Name (required)&lt;br /&gt;
    &lt;span class="wpcf7-form-control-wrap your-name"&gt;&lt;input type="text" name="your-name" value="" class="wpcf7-text wpcf7-validates-as-required" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;
&lt;p&gt;Your Email (required)&lt;br /&gt;
    &lt;span class="wpcf7-form-control-wrap your-email"&gt;&lt;input type="text" name="your-email" value="" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;
&lt;p&gt;Subject&lt;br /&gt;
    &lt;span class="wpcf7-form-control-wrap your-subject"&gt;&lt;input type="text" name="your-subject" value="" class="wpcf7-text" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;

&lt;p&gt;Your Message&lt;br /&gt;
    &lt;span class="wpcf7-form-control-wrap your-message"&gt;&lt;textarea name="your-message" cols="40" rows="10"&gt;&lt;/textarea&gt;&lt;/span&gt; &lt;/p&gt;
&lt;p&gt;&lt;input type="submit" value="Send" class="wpcf7-submit" /&gt;&lt;img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://localhost/wordpress/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /&gt;&lt;/p&gt;
&lt;div class="wpcf7-response-output wpcf7-display-none"&gt;&lt;/div&gt;&lt;/form&gt;&lt;/div&gt;





    &lt;p&gt;&lt;/p&gt;
 
You must log in or register to reply here.