Add hover state for button

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

Cleared cache, everything is good, thank you!!

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.

Ah, didn’t see your other post, good to hear. Glad you’re using an up-to-date browser. ??

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.