contact form7の基本的なやつ
.wpcf7 .wpcf7-response-output {
margin: 60px 0 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
padding: 8px 35px 8px 14px;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
padding: 8px 35px 8px 14px;
}
.wpcf7 span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
font-size: 10pt;
width: 280px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: #B94A48;
}
<label for="name">Name</label>
[text* your-name id:name class:formText watermark "Taro Yamada"]
<label for="email">Email</label>
[email your-email id:email class:formText watermark "name@domain.com"]
<label for="message">Message</label>
[textarea your-message x6 id:formMessage watermark "Please fill in the message."]
[submit class:submit "Send Message"]