Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #199761

    How can I add a Slideshare icon and link to the social networking icons in the header?


    Hey MtnStreamGroup!

    What type of header do you have? Please check on Enfold > Header > Header Type. Also, please check if the Slideshare icon is available on If not then you might need to create the icon manually.



    1.) Our header is the Fixed Header with Social Icons and Additional Navigation.

    2.) Searching, I found an icon for Slideshare under Elusive.



    1) Download the icon from and install the icon with the icon font uploader (Theme Options)

    2) Insert following code into functions.php

    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    function avia_add_custom_icon($icons)
    $icons['slideshare']	 = array( 'font' =>'fontello', 'icon' => 'ue801');
    return $icons;
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    function avia_add_custom_social_icon($icons)
    $icons['Slideshare'] = 'slideshare';
    return $icons;

    3) Go to to Enfold > Theme Options and add the Slideshare icon to the social icons.



    Great! This is very helpful to add custom social icon in the header. I added the Issuu icon with success.
    My question is: when you hoover the mouse on the standard social icons you get a colored background but in the customized icon you don’t have colored background. Is there a possibility to have it? for exemple orange color?
    Thank you



    Sure – insert following code into the quick css field:

    #top .social_bookmarks_facebook:hover  a{color:#fff; background-color:#37589b; }

    Then replace the background color value with your color and replace “facebook” with your social media service/name.

    Best regards,


    Wonderful, thanks Peter.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Adding Slideshare to header social icons’ is closed to new replies.