Quantcast
Channel: WordPress.org Forums » [Contact Form 7] Support
Viewing all articles
Browse latest Browse all 49500

breeze76 on "[Plugin: Contact Form 7] CSS Problem"

$
0
0

Here is my CSS style coding below:

/*---- CONTACT FORM 7 CSS BEGIN ----*/
.wpcf7 {
	margin-bottom: 0px;
}

.wpcf7 p {
/*	margin-bottom: 10px;*/
}

.wpcf7 span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 5px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 textarea {
	width: 100%;
}

.wpcf7 input[type="submit"] {
    background: none repeat scroll 0 0 #111111;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #D4D4D4;
    cursor: pointer;
    font-size: 11px;
    margin: 0 5px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
}

.wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="file"], .wpcf7 input[type="email"]{
	max-width: 200px;
}

.wpcf7 input[type="captchar"]{
	max-width: 100px;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 file, .wpcf7 email {
	margin-bottom: 10px;
	border:1px solid #5b5b5b;
    height: 19px;
    padding:2px 5px;
    border-radius:5px;
    font-size:12px;
}

.wpcf7 select {
	margin-bottom: 10px;
	border:1px solid #5b5b5b;
    height: 24px;
    padding:2px 5px;
    border-radius:5px;
    font-size:14px;
}
/*---- CONTACT FORM 7 CSS END ----*/

I am trying to style the captcha box and the file attachment box as well.. The captcha is is being styled like all the other fields, I am trying to make it smaller. The file attachment field is not being styled at all.

http://wordpress.org/extend/plugins/contact-form-7/


Viewing all articles
Browse latest Browse all 49500

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>