Custom Social Icons - Showing wrong Fontello icons - Support

Tagged: custom social icons

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

Author

Posts
October 7, 2015 at 8:07 pm #515417

ghrahams
Participant

I am trying to create 5 custom social profiles, with custom fontello icons for the following links:
spotify, itunes, cdbaby, reverbnation & indieonthego

I successfulIy created 5 new social profiles via ‘register-admin-options.php’ and they appear in the backend menu –
I generated 5 icons in fontello, and uploaded the zip drive, however the custom icons are not appearing – just a default pencil icon UE801.

I think my problem lies here:
I have generated custom codes for each fontello icon which is called from the functions.php files using:

`//custom social icons

add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘Spotify’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue401’);
$icons[‘reverbnation’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue402’);
$icons[‘itunes’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue403’);
$icons[‘cdbaby’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue404’);
$icons[‘indieonthemove’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue405’);

return $icons;
}`

October 9, 2015 at 4:41 am #516127

Rikard
Keymaster

Hi ghrahams,

Sorry for the late reply. Your site is not loading on my end, did you move or remove it?

Regards,
Rikard

October 9, 2015 at 4:53 am #516131

ghrahams
Participant

crap, I wrote the wrong url, here it is:

October 10, 2015 at 1:24 pm #516783
Ismael
Moderator
Hi!

Replace entypo-fontello with fontello:
```
//custom social icons

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['Spotify'] = array( 'font' =>'fontello', 'icon' => 'ue401');
$icons['reverbnation'] = array( 'font' =>'fontello', 'icon' => 'ue402');
$icons['itunes'] = array( 'font' =>'fontello', 'icon' => 'ue403');
$icons['cdbaby'] = array( 'font' =>'fontello', 'icon' => 'ue404');
$icons['indieonthemove'] = array( 'font' =>'fontello', 'icon' => 'ue405');

return $icons;
}
```
If it’s not working, try to move the code below line 17 of functions.php file.

Best regards,
Ismael
October 10, 2015 at 4:42 pm #516847

ghrahams
Participant

Thanks for the reply –
Those didn’t seem to work, I’m not sure what else to do. The icons are appearing fine in the backend under icons – however when it comes to using them in the social car it just displays the pencil icon as a default for all of them…

October 13, 2015 at 2:35 am #517803

Ismael
Moderator

Hi!

I checked the site and it’s working. The spotify and the other icons are rendering properly. Please remove browser cache.

Best regards,
Ismael

October 14, 2015 at 12:13 pm #518600

ghrahams
Participant

Thanks for looking into it – there are still a few errors with it though. Two of the icons still return the pencil icon – only in the social bar. Additionally the custom icons don’t have the same default hover funciton – instead of a background color change on hover they have a font-color change. Is there anyway to fix these two issues?

October 15, 2015 at 1:57 am #519013
Ismael
Moderator
Hi!

Please remove the modification in the register-admin-options.php file then add this code in the functions.php file:
```
function avia_add_custom_social_icon($icons) {
	$icons['Spotfiy'] = 'spotify';
	$icons['Reverbnation'] = 'reverbnation';
	$icons['Itunes'] = 'itunes';
	$icons['CDBaby'] = 'cdbaby';
	$icons['Indie on the Go'] = 'indieonthego';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
```
Place it below the previous code or below line 17.

Cheers!
Ismael
Author

Posts

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

You must be logged in to reply to this topic.

Custom Social Icons – Showing wrong Fontello icons