Create a gist now

Instantly share code, notes, and snippets.

WP: CF7 Custom Flat CSS Styles
/* ----------------------------------------------------------------------------
* Contact Form 7
* ------------------------------------------------------------------------- */
$cf7-yellow-bg: #ffde0e;
$cf7-yellow-txt: #757575;
$cf7-red-bg: #f34949;
$cf7-red-txt: #fdd1d1;
$cf7-green-bg: #35ad68;
$cf7-green-txt: #cbffe7;
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
border: none;
padding: 2rem;
margin: 1rem 0;
font-size: 1.6rem;
}
div.wpcf7-validation-errors {
background: $cf7-yellow-bg;
color: $cf7-yellow-txt;
}
div.wpcf7-mail-sent-ok {
background: $cf7-green-bg;
color: $cf7-green-txt;
}
span.wpcf7-not-valid-tip {
font-size: 1em;
display: block;
color: $cf7-red-txt;
background: $cf7-red-bg;
padding: 0.5rem 1rem;
}
@ahmadawais
Owner
ahmadawais commented Sep 12, 2016 edited

Flat CSS

screen shot 2016-09-12 at 7 03 47 pm

screen shot 2016-09-12 at 7 03 30 pm

screen shot 2016-09-12 at 7 04 24 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment