Title: Send Button Color
Last modified: August 22, 2016

---

# Send Button Color

 *  Resolved [itsjojo](https://wordpress.org/support/users/itsjojo/)
 * (@itsjojo)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/send-button-color/)
 * Hi all,
 * I searched through the forums but I still need some assistance in changing the
   hover color of the “Send” button. Right now, it’s a light blue and I’d like to
   change it to #43436f. Where can I edit the code to reflect this?
 * Here’s the link: [](http://mecelebrations.com/contact/)
 * Thanks,
    Joe
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/send-button-color/#post-5275209)
 * You will need something like the following added to your theme’s CSS
    ​
 *     ```
       .wpcf7  input:hover[type="submit"] {
               background: #43436f;
       }
       ```
   
 * ​
 * Add via [Child Theme](http://wplift.com/customise-wordpress-child-theme) or use
   [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 *  Thread Starter [itsjojo](https://wordpress.org/support/users/itsjojo/)
 * (@itsjojo)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/send-button-color/#post-5275267)
 * Thank you very much buzztone – that works.
    I also went through your links as
   I’d like to make the background color the same. Can you assist with the coding?
 * Thank You,
    Joe
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/send-button-color/#post-5275312)
 * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to examine the HTML and CSS of your CF7 form in detail. Once you understand how
   the HTML and CSS is configured in your CF7 form, you should be able to see the
   CSS changes you need to change the appearance of the form to suit your requirements.

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

The topic ‘Send Button Color’ 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/)

 * 3 replies
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/send-button-color/#post-5275312)
 * Status: resolved