mouseover images for social media icons
-
http://wordpress.p147291.webspaceconfig.de/
Hey there, I'm working on this site right now and the two logos in the upper right corner need to change to their original color when hovering over.
I placed them with the social media element using svgs. I'm looking for a simple solution, if this means adding them in another way, fine with me. The social media icons are practical though because you can set the height easily.
Any tipps welcome. Thanks.
Ben
-
@doorofperception what would be the "original" color? Because the UdK svg is violet by default. you can add a hover css with filter: brightness(0); to make them black so it fits to the rest. something like that:
.lay-socialmedia-icons img:hover{ filter: brightness(0); }
-
That's actually a cool idea. Ideally I wanted to show a completely different file because it has two colors but I think I go for this solution because it's so simple :)
Thanks.
-
nice website!
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it