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

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

    #199817

    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 http://fontello.com/. If not then you might need to create the icon manually.

    Regards,
    Ismael

    #200023

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

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

    #200202

    Hey!

    1) Download the icon from fontello.com 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.

    Cheers!
    Peter

    #211965

    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
    Guido

    #212984

    Hi!

    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,
    Peter

    #213062

    Wonderful, thanks Peter.
    Guido

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding Slideshare to header social icons’ is closed to new replies.