Avada Forums Community Forum Custom Social Icon Hover Color?

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Exaltare
    Participant
    Post count: 18

    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
    Participant
    Post count: 4

    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
    Participant
    Post count: 18

    [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
    Participant
    Post count: 4

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.