Title: Format send button & validation error messages
Last modified: August 21, 2016

---

# Format send button & validation error messages

 *  [Si](https://wordpress.org/support/users/s872/)
 * (@s872)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/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](http://sijames.net).
 * Hoping somebody can help.
 * Many thanks,
    Simon.
 * [http://wordpress.org/plugins/contact-form-7/](http://wordpress.org/plugins/contact-form-7/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/format-send-button-validation-error-messages/#post-4236950)
 * Lots of documentation for this plugin –
 * [http://contactform7.com/styling-contact-form/](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.
 *  Thread Starter [Si](https://wordpress.org/support/users/s872/)
 * (@s872)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/format-send-button-validation-error-messages/#post-4236953)
 * Thanks. Will take a look 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Format send button & validation error messages’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Send Button](https://wordpress.org/support/topic-tag/send-button/)

 * 2 replies
 * 2 participants
 * Last reply from: [Si](https://wordpress.org/support/users/s872/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/format-send-button-validation-error-messages/#post-4236953)
 * Status: not resolved