Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 4, 2022 at 5:00 pm #1363804
    4ndreaux

    Hello,
    I just added a custom header social icon to my site as per information in this forum and it appears fine, BUT it’s missing the on-hover coloured circle that other built-in social icons have. How to define and add that?

    Thanks,

    Gabriel

    September 4, 2022 at 6:50 pm #1363811
    Mike

    Hey 4ndreaux,
    Please see our documentation: How to add Custom Social Icons to Enfold options, and look for the Hover Background and Text color css:

    #top #wrap_all .av-social-link-ICON_NAME:hover a{
    color:#fff; 
    background-color:#9fae37; 
}

    note that you will need to adjust the ICON_NAME in the above code to your icon name.
    For example the css for the Twitter icon is:

    #top #wrap_all .av-social-link-twitter:hover a {
    color: #fff;
    background-color: #46d4fe;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 4, 2022 at 7:44 pm #1363824
    4ndreaux

    Hi Mike,

    Thanks a million for the lightning fast response! I’m really astonished.
    Solution works as a charm, I missed this in the doc.

    Thanks,
    Gabriel

    September 4, 2022 at 7:56 pm #1363827
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom social icons missing coloured circle’ is closed to new replies.