Updated Instagram Icon

Hey Chris,

You can download the icon from fontello.com. I believe Font Awesome has the newest icon. After downloading it, you can upload it into Enfold through Enfold > Import/Export, then add it to the theme options by following the instructions here: http://kriesi.at/documentation/enfold/custom-social-icons/

Please let us know if you need further help!

Best regards,
Sarah

Hi Chris,

That’s okay! :)

I logged in to nudge your code in the right direction.

The icon code in functions.php was wrong, so I changed it.

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['instagram']	 = array( 'font' =>'instagram', 'icon' => 'uf16d');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['IG New'] = 'instagram';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

The icon now shows up in your website! :)

To clarify: Do you want to remove the hover color of the social icons?
You can use this in Quick CSS:

#top #wrap_all .av-social-link-instagram:hover a {background:none;}
#top #wrap_all .av-social-link-linkedin:hover  a {background:none;}

You can also use this:

#top #wrap_all .social_bookmarks li:hover a {background:none;}

Best regards,
Sarah

Hi Chris,

Of course, it’s not bothersome at all! You can see the icon code when you hover over it in the layout builder.
http://i.imgur.com/8wLH1t6.jpg

You’re not the first one to get the icon code wrong. I’ll make a note to update our documentation to explain how to do it! :)

And you’re very welcome. We’re happy to help. Do you have any other questions about this topic, or can we mark this as closed? :) As always, you can open a new one for other concerns.

Best regards,
Sarah