Alert boxes css code location - by Jimbo

Brian,

Thanks for this I will implement this into contact form 7

Brian / Eva,

managed to add the css so the error / success message boxes look the same throughout the theme, makes a huge difference IMO compared to the standard error messages.

I have one issue though, I am trying to add the X for error and the tick for success but somehow it does not show, is there something I am missing?

/* -- contact form messages -- */
div.wpcf7-validation-errors {
border: 1px solid transparent;
background-color:#f2dede;
font-size: 14px;
color: #767676;
padding: 15px;
float: left;
width: 100%;
position: relative;
padding-left: 60px;
line-height: 24px;
margin-bottom: 20px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
div.wpcf7-mail-sent-ok {
background-color:#dff0d8;
border-color:#d6e9c6;
font-size: 14px;
color: #767676;
padding: 15px;
float: left;
width: 100%;
position: relative;
padding-left: 60px;
line-height: 24px;
margin-bottom: 20px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
div.wpcf7-validation-errors:before {
content: "\f00d";
}

Please web page in private.

Image below