Skip to content

Instantly share code, notes, and snippets.

@schalkburger
Created February 17, 2015 08:32
Show Gist options
  • Save schalkburger/d2cc9cd79c4755b2fb79 to your computer and use it in GitHub Desktop.
Save schalkburger/d2cc9cd79c4755b2fb79 to your computer and use it in GitHub Desktop.
Contact Form 7 better CSS
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 input.wpcf7-text, div.wpcf7 textarea {
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #555555;
display: inline-block;
font-size: 1em;
line-height: 1.5;
padding: 4px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 15px;
border: 1px solid #FBEED5;
border-radius: 3px;
}
div.wpcf7-mail-sent-ok {
background:#DFF0D8;
color:#468847;
}
div.wpcf7-mail-sent-ng {
background:#F2DEDE;
color:#B94A48;
}
div.wpcf7-spam-blocked {
background:#F2DEDE;
color:#B94A48;
}
div.wpcf7-validation-errors {
background:#FCF8E3;
color: #C09853;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #B94A48;
display: block;
font-size: 1em;
left: 0;
margin: 5px 0 10px;
padding: 0;
position: relative;
top: 0;
z-index: 100;
}
span.wpcf7-not-valid-tip-no-ajax {
color: #FF0000;
display: block;
font-size: 1em;
}
span.wpcf7-list-item {
display: block;
margin-left: 0.5em;
width: auto;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: medium none;
margin-left: 4px;
vertical-align: middle;
}
div.wpcf7 .watermark {
color: #888888;
}
div.wpcf7 input.wpcf7-not-valid, div.wpcf7 textarea.wpcf7-not-valid {
border:1px solid #B94A48
}
div.wpcf7 input.wpcf7-submit {
cursor: pointer;
}
div.wpcf7 label {
cursor: pointer;
width:auto;
display:block;
}
div.wpcf7 .screen-reader-response {
border: 0 none;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment