Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter 1272syber

    (@1272syber)

    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.

    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

    (@1272syber)

    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.