Title: a:hover for submit button
Last modified: August 21, 2016

---

# a:hover for submit button

 *  Resolved [1272syber](https://wordpress.org/support/users/1272syber/)
 * (@1272syber)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/ahover-for-submit-button/)
 * What is the css code to change the color when someone hovers over the submit 
   button.
 * Thanks for the help.
 * [http://wordpress.org/plugins/mailchimp/](http://wordpress.org/plugins/mailchimp/)

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

 *  Thread Starter [1272syber](https://wordpress.org/support/users/1272syber/)
 * (@1272syber)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/ahover-for-submit-button/#post-4300993)
 * I’m not sure I even asked the right question here, as I’m fairly new to programming.
 * When I create a form at Mailchimp.com it allows for changing the “buttons hovered”
   color to something different than the original color of buttons.
 * When I then added a widget version of Mailchimp to the widget section of WordPress
   the button does not have the hover feature.
 * Do I need to change this in the CSS? or one of the mailchimp files in WordPress?
 * Thank you for any help you can give, it’s much appreciated.
 *  [mc_dominic](https://wordpress.org/support/users/mc_dominic/)
 * (@mc_dominic)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/ahover-for-submit-button/#post-4301079)
 * Hi 1272syber,
 * The form is designed to take the styling from your website. So you might want
   to check out the html <input> styling that is in your wordpress theme.
 * But the hover can also be changed by adding some css to your website. The submit
   button has a css id of **#mc_signup_submit** So if you’re trying to change the
   background color, add that to the css of your website. Here’s an example of it’s
   use.
 * Regular Styling
 *     ```
       #mc_signup_submit {
           background: green;
   
       }
       ```
   
 * Hover Styling
 *     ```
       #mc_signup_submit:hover {
           background: blue;
       }
       ```
   
 * Also check out the plugin page in wordpress, towards the bottom of the page there’s
   a css cheatsheet.
 *  Thread Starter [1272syber](https://wordpress.org/support/users/1272syber/)
 * (@1272syber)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/ahover-for-submit-button/#post-4301080)
 * Thank You mc_dominic! You rock.
 * That worked.

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

The topic ‘a:hover for submit button’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp/assets/icon.svg?rev=3156997)
 * [Mailchimp List Subscribe Form](https://wordpress.org/plugins/mailchimp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [1272syber](https://wordpress.org/support/users/1272syber/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/ahover-for-submit-button/#post-4301080)
 * Status: resolved