Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 26, 2016 at 9:52 pm #665498
    ak-muc

    Hi,

    is it possible to have social icons working like here for example: http://www.highgradelab.com/cast/main-demo/

    i dont want the circle around when i hover it. just change the color of the icon on hover.
    so the facebook “f” ist grey and on hover just the “f” turns blue … no circle or box around.

    thx for help, and im wondering i couldnt find the issue in the forum.
    nobody asked for it till today?

    • This topic was modified 8 years, 4 months ago by ak-muc.
    July 27, 2016 at 10:06 am #665649
    Vinay

    Hey ak-muc,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    The below css works for twitter and linkedin if you like to use other social icons please use the class name which you can get by right click on the icon and inspect it and change the color value.

    .social_bookmarks li:hover a {	background: none!important;}
.social_bookmarks_twitter [data-av_icon]:hover::before{color:#55acee!important;}
.social_bookmarks_linkedin [data-av_icon]:hover::before{color:#0077b5!important;}

    Best regards,
    Vinay

    July 27, 2016 at 10:30 am #665652
    ak-muc

    Thx thats it …perfect and thx :)

    Just one more Question … the hover is great now … but how can i change the non hover colour? i would like to have it grey.

    • This reply was modified 8 years, 4 months ago by ak-muc.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘social icons – no circle or box on hover’ is closed to new replies.