Zum Inhalt springen
Startseite » Zusätzliches CSS » CSS Contact Form 7

CSS Contact Form 7

Aussehen eines CF7 Formular einstellen

/*Contact Form 7 Style*/
div.wpcf7 { 
background-color: #D9D9D;
border: 1px solid #D9D9D;
padding:20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
background:#FFFFFF;
color:#00008B;
font-family:lora, sans-serif; 
font-style:italic; 
font-size: 12px;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#F4A460;
width:100%;
text-align:center;
text-transform:uppercase;
}
plus
input[type='text'], 
input[type='email'], 
input[type='url'], 
input[type='number'], 
input[type='tel'], 
input[type='date'], 
select, 
textarea, 
radio, 
checkbox,
submit.