Format send button & validation error messages
-
Hi,
I’m using Contact Form 7 (version 3.5.2) and I’m wondering how to change the format CSS of…
1) The send button text color
I have included custom CSS as follows but even though I have changed the send button color to #fff it still appears grey.
.wpcf7 textarea {
border-radius: 3px;
-moz-border-radius: 3px;
width: 96%;
background: #eee;
border: 1px solid #fff;
padding: 6px;
margin-bottom: 0px;
}
.wpcf7-form input, .wpcf7-form textarea {
font-size: 13px;
color: #7b7b7b;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
}
.wpcf7-form textarea {
font-size: 13px;
color: #7b7b7b;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
}
.wpcf7-text {
border-radius: 3px;
-moz-border-radius: 3px;
width: 95%;
padding: 6px;
background: #eee;
border: 1px solid #fff;
}
.wpcf7 textarea:focus, .wpcf7-text:focus {
background: #fff;
border: 1px solid #646464;
-webkit-box-shadow: 0px 0px 5px #9a9a9a;
-moz-box-shadow: 0px 0px 5px #9a9a9a;
box-shadow: 0px 0px 5px #9a9a9a;
}
.wpcf7-submit {
border-radius: 3px;
-moz-border-radius: 3px;
padding: 5px;
background: #000;
border: none;
cursor: pointer;
color: #fff;
width: auto;
margin-top: 10px;
text-indent: 0px;
}
.wpcf7-form-control {
margin-bottom: -10px;
}2) The validation error messages when user doesn’t include required information – how do I do this?
My site is here.
Hoping somebody can help.
Many thanks,
Simon.
- The topic ‘Format send button & validation error messages’ is closed to new replies.