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.