Support » Plugin: MailChimp for WordPress » Add hover state for button

  • Resolved deus_073

    (@deus_073)


    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/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Danny van Kooten

    (@dvankooten)

    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!!

    Plugin Author Danny van Kooten

    (@dvankooten)

    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

    (@dvankooten)

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add hover state for button’ is closed to new replies.