-
Posts
-
Hey Guys!
I’ve tried several possibilities from other threads but ended up having lots of custom css code and not getting the results.
Firstly I tested the following but it solely changed the static color for every icon (which also came in handy, but the other part of the code was completely useless)top .social_bookmarks_linkedin:hover a {
color: #419cca;
background-color: transparent;
}
top .social_bookmarks_linkedin a {
color: white;
background-color: #419cca;
}Then I tried this one which applied the new color to both, header and socket icons’ colour:
#top #wrap_all .av-social-link-twitter a {
color: #000000;
}Despite my attempt to change the hover effect to BLACK it didn´t catch it at all. They’re still showing the custom trade mark colors for each social icon.
Any other contributions please?Regards!
hacart
Hey Harold,
Thanks for getting in touch with us!
Try the following CSS instead and let me know if it changes the hover color to black:
.social_bookmarks_twitter a:hover { background-color: #000000 !important; }Best regards,
JordanHey Jordan!
It worked magically, although I finally had to insert two different codes to make the icons BLACK on normal state and BLACK for hover effect. However unpractical it seems, I managed to get the result thanks to you. Great thanks!
Your solution…
.social_bookmarks_twitter a:hover {
background-color: #000000 !important;
}And the code that keeps then BLACK in normal state…
#top .social_bookmarks_twitter a {
color: black;
}The funny thing is that the second code did not apply for the TOP icons but only for the ones on the socket. The goal was accomplished, anyway. Thanks again!
hacart
- The topic ‘Change Social Media icons color for hover effect only’ is closed to new replies.