Представляю отличные стили для формы «Contact Form 7» или CF7 которые вписывается в любой дизайн сайта, так как стандартные которые идут вместе с плагином не всегда самые подходящие.
/*form from */
input[type=text].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
textarea.wpcf7-not-valid {
border: 2px solid #ec3c06 !important;
position: relative;
}
div span.wpcf7-not-valid-tip {
left: 3%;
}
span.wpcf7-not-valid-tip {
display: none;
color: #ec3c06;
border: none;
background: none;
}
span.wpcf7-not-valid-tip-no-ajax {
display: inline-block;
font-size: 18px;
margin: 0 0 0 10px;
}
div.wpcf7-validation-errors {
background: #ffe2e2;
border: 2px solid #ff8a8a;
color: #ec3c06;
font-size: 12px;
text-align: center;
position: relative;
}
div.wpcf7-response-output {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 3px;
margin: 5px 0px 5px;
font-size: 12px;
text-align: center;
}
div.wpcf7-mail-sent-ng {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}
div.wpcf7-mail-sent-ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}