Title: Contact form – Modify button "Send e-mail"
Last modified: August 22, 2016

---

# Contact form – Modify button "Send e-mail"

 *  Resolved [jim89](https://wordpress.org/support/users/jim89/)
 * (@jim89)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/)
 * Hi everybody!
    I would like to change the color of the button “Send e-mail” in
   the contact form page (Virtue Theme). Do you know how to change it? Thank you
   very much!

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/#post-5361458)
 * Hey, This pulls from your primary color which can be set in theme options > basic
   styling. Or you can use this css to target only that:
 *     ```
       input[type=submit] {
       background: #333;
       }
       ```
   
 * Just paste it into your css box in theme options > advanced settings.
    Hannah
 *  Thread Starter [jim89](https://wordpress.org/support/users/jim89/)
 * (@jim89)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/#post-5361471)
 * Thank you very much for your reply hannah, that’s perfect!
    Do you know how to
   change the backgroud color of the button when you mouse over it? Thanks!
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/#post-5361509)
 * That’s your 20% lighter than primary color.
    Or you can try this:
 *     ```
       .wpcf7 input.wpcf7-submit:hover {
       background: #000;
       }
       ```
   
 * Hannah
 *  Thread Starter [jim89](https://wordpress.org/support/users/jim89/)
 * (@jim89)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/#post-5361579)
 * I set the color in theme option and it works great!
    Thanks!!!

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

The topic ‘Contact form – Modify button "Send e-mail"’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [contact-form](https://wordpress.org/support/topic-tag/contact-form/)

 * 4 replies
 * 2 participants
 * Last reply from: [jim89](https://wordpress.org/support/users/jim89/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/contact-form-modify-button-send-e-mail/#post-5361579)
 * Status: resolved