WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Format send button & validation error messages (3 posts)

  1. s872
    Member
    Posted 8 months ago #

    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/

  2. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Lots of documentation for this plugin -

    http://contactform7.com/styling-contact-form/

    A browser tool like Firebug should help you find out why it's not working.

    Bumps are deleted per the forum guidelines.

  3. s872
    Member
    Posted 7 months ago #

    Thanks. Will take a look :)

Reply

You must log in to post.

About this Plugin

About this Topic