- This topic has 5 replies, 2 voices, and was last updated 6 years, 5 months ago by Skandha.
-
AuthorPosts
-
March 23, 2018 at 10:58 am #133984HaboParticipant
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
March 24, 2018 at 8:49 am #134032SkandhaParticipant@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,
SkandhaMarch 25, 2018 at 1:45 pm #134115HaboParticipantSure, 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.March 27, 2018 at 3:14 am #134206SkandhaParticipant@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,
SkandhaApril 4, 2018 at 5:36 am #135771HaboParticipantThanks, this did the trick!
April 4, 2018 at 6:06 am #135775SkandhaParticipant@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 -
AuthorPosts
- The topic ‘How to to change my mailchimp button on Button hover?’ is closed to new replies.