Custom Social Icon Hover Color?

[Exaltare]

#556655

I do not see any options to change the social icon hover colors? Am I blind or does this have to be done with custom CSS?

[Matteeussen]

#624681

I’ve been struggling with this myself for a while, it doesn’t seem like Avada supports this function.

I’ve found the following workaround with CSS:

.fusion-social-network-icon:hover {
color:#000000 !important;
}

But it has a flaw, for a brief 0.2 seconds or so it still turns to the more whitier transparent color before changing to the CSS color (#000000 in the example).
If anyone knows a fix please let me know 🙂

[Exaltare]

#624746

[code]header .fusion-social-networks .fusion-facebook.fusion-social-network-icon:hover {
opacity: 1 !important;
color: #f00 !important;
}

footer .fusion-social-networks .fusion-facebook.fusion-social-network-icon:hover {
opacity: 1 !important;
color: #f00 !important;
}[/code]

Here is the workaround for targeting both the top and footer icons. I do not believe this has the flaw you’ve mentioned.

[Matteeussen]

#624749

This works great and is flawless! Thank you very much!

[Author]

Posts