Archived topic
How to hover svg social media button.
3 replies · Started by Dipak Singh on September 2, 2021
Viewing posts 1–4 of 4
I have created a social follow button on the top bar with the help of a text widget and SVG icons.
Now, I want to hover these follow buttons in color and animation. There is any way to make this possible.
Check site top bar social button that is displayed only on desktop devices.
Hi there,
each of those icons are displayed as an <img> - which means you cannot change their colors.
You can add a little hover effect with some CSS though:
.inside-top-bar #text-4 a img {
transform: translateY(0);
transition: transform 0.3s ease;
}
.inside-top-bar #text-4 a:hover img {
transform: translateY(-3px);
}Thank you, David. That is really helpful, but I'm not satisfied. I guess I need to try some plugins.
Yeah i think a plugin is the best option.
Glad to be of help.
This archived topic is closed to new replies.
