Tagged: devin-docs, header, social icons, social media
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 http://fontello.com/. If not then you might need to create the icon manually.
Regards,
Ismael
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.
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
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
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
Wonderful, thanks Peter.
Guido