Tagged: custom social icons
How do I remove the hover effect from the social media icons? I did a workaround to easily replace the social icons by :
Targeting: li.av-social-link-facebook a and making the font transparent and changing the background to my own icon centered with no-repeat
Then I targetting: li.av-social-link-facebook a:hover and changed the background to a slightly larger image of the same custom icon
But the background circle that still shows up when I hover over each social icon is still there. I’ve searched and searched and I can’t find what to target to stop that hover effect.
Please let me know how to do that.
Hey robphat!
Please add following code to Quick CSS
#top .social_bookmarks li:hover a {
background: transparent !important;
}
Best regards,
Yigit