Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #133984
    Habo
    Participant

    I have a mailchimp sign up button on my website.

    I use their html to embed it in a widget.
    Apparantly, it’s impossible to use inline css for hover.

    After some searching, I tried some inline java (onmouseover).
    <input type="submit" value="Zo mis ik niks :-)" style="background:#f48136; box-shadow: none; border: none; border-radius: 9px; color: white; text-align: center; font-family: Ubuntu; font-style: inherit; font-size: inherit; text-decoration: none; padding: .5em 1em .5em;" name="subscribe" id="mc-embedded-subscribe" class="button" onmouseover="this.style.background=#db7330" onmouseout="this.style.background=#f48136">

    But that doesn’t work.

    Now I tried all kinds of things to add to the style.css but nothing works.

    My experiments included:

    input#mc-embedded-subscribe.button:hover{color: #db7330!important;}
    
    mc_embed_signup
    button:hover,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {color: #db7330!important;}

    I think the problem is that I just can’t find the right stylename to call up.

    url: bosmancommunicatie.nl

    #134032
    Skandha
    Participant

    @habo: I can’t seem to find where you have used the mailchimp button on your site. Can you tell me where you have used it so that I can look into the issue?

    Regards,
    Skandha

    #134115
    Habo
    Participant

    Sure, just click under the word blog on one of the links. This takes you to the blogs.
    And that’s where the mailchimp button is.

    #134206
    Skandha
    Participant

    @habo: Do you want to change the color of the button on hover? If so,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .clear .button:hover {
       background:turquoise !important;
    }

    You can change the color according to your requirement.
    Let me know if this is what you want.
    Regards,
    Skandha

    #135771
    Habo
    Participant

    Thanks, this did the trick!

    #135775
    Skandha
    Participant

    @habo: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
    don’t hesitate to let me know. Have a good day.

    Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to to change my mailchimp button on Button hover?’ is closed to new replies.