Title: Add hover state for button
Last modified: August 21, 2016

---

# Add hover state for button

 *  Resolved [deus_073](https://wordpress.org/support/users/deus_073/)
 * (@deus_073)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/)
 * Hello, I managed to customize the field and button through css but I’ve been 
   trying for 2 hours to add a very simple hover state for the submit button (just
   another color).
 * I’m not at all technical so if you could please direct me where, at what line,
   in what file, to paste what, that’d be great!
 * [http://wordpress.org/plugins/mailchimp-for-wp/](http://wordpress.org/plugins/mailchimp-for-wp/)

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

 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117019)
 * Hi there,
 * Add the following CSS to your theme’s style.css file.
 * `form.mc4wp-form input[type="submit"]:hover { background-color:red; }`
 * Your theme’s CSS file can, in most cases, be found here: `/wp-content/themes/
   your-theme-name/style.css`.
 * Good luck!
 * Danny
 *  Thread Starter [deus_073](https://wordpress.org/support/users/deus_073/)
 * (@deus_073)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117020)
 * Cleared cache, everything is good, thank you!!
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117022)
 * It’s working for me now, and probably for everyone using an up-to-date browser.
 * If you want the styling to be compatible with old browsers, you will need to 
   add a **class** attribute to the submit button so you can use this in your CSS
   selector.
 * **In your form mark-up:**
    `<input type="submit" class="submit" value="Sign up"/
   >`
 * **In your theme’s style.css file:**
    `.mc4wp-form input.submit{ background-color:
   red; }`
 * After changing, reload the page using **Ctrl + F5** to force a so-called hard
   refresh.
 * Good luck!
 * _PS. I don’t recommend changing the /mailchimp-for-wp/css/form.css file because
   every time you update the plugin, your changes will be lost._
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117023)
 * Ah, didn’t see your other post, good to hear. Glad you’re using an up-to-date
   browser. 🙂
 *  Thread Starter [deus_073](https://wordpress.org/support/users/deus_073/)
 * (@deus_073)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117024)
 * Oh, good to know regarding the update. I actually styled it all the way there,
   in that css file. I’ll move it into my theme’s style sheet.

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

The topic ‘Add hover state for button’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [state](https://wordpress.org/support/topic-tag/state/)

 * 5 replies
 * 2 participants
 * Last reply from: [deus_073](https://wordpress.org/support/users/deus_073/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/add-hover-state-for-button/#post-4117024)
 * Status: resolved