• 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.

    http://wordpress.org/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format send button & validation error messages’ is closed to new replies.