Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 3, 2017 at 5:12 pm #771227
    Ilvy

    Hi guys,

    I tried to import a custom social icon for spotify and read all related forum posts and watched your video.
    Following I added to my functions.php on child theme but I don’t get the correct icon: I can select spotify on social profiles but on frontend there’s only a pencil showing up:

    /*
    * Register new icon as a theme icon – Spotify
    */

    function avia_add_custom_icon($icons) {
    $icons[‘Spotify’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘f328’);
    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[‘Spotify’] = ‘spotify’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    Also tried to upload zip file of the spotify icon … no success either.

    Would really appreciate your help.

    Thanks in advance,
    Ilvy

    April 3, 2017 at 8:15 pm #771303
    Guenni007

    hm try first with entypo-fontello as font name – than we will have a further look – maybe it is quite as simple

    i got here a newer tip with f.e. weibo: ( Replace it with the name you want to register)

    function avia_add_custom_icon($icons) {
  $icons['weibo']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue92b');
  return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
  $icons['weibo'] = 'weibo';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    April 3, 2017 at 8:45 pm #771317
    Basilis

    Hi Ilvy!

    Can you please provide us backend access also, so we can check some of the code added ( seems that ‘ might be wrong ) or if the uploading folder works fine?

    Thank you

    Cheers!
    Basilis

    April 3, 2017 at 10:09 pm #771382
    Ilvy

    @Guenni007
    Thanks for your suggestion, tried that before and it didn’t work either (tried out all codes I found in Kriesi Support forum ;-)


    @Basilis
    Many thanks for your help, pls find access details below.

    April 4, 2017 at 8:40 am #771576
    Guenni007

    by the way what font should it be on f328 is something missing !

    try this here: – (where did you get the hexcode from? on fontello you are right – that icon has 0xf328 but) on embeded entypo-fontello the code of that icon is ue907 (a bit smaller ue906)

    
function avia_add_custom_icon($icons) {
  $icons['spotify']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue907');
  return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
  $icons['spotify'] = 'spotify';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    by the way if you like to have the same behavior as the other social icons on layout.css there are the rules set for those icons (since line 1373):

    #top #wrap_all .av-social-link-rss:hover	 a {color:#fff; background-color:#ffa133; }
#top #wrap_all .av-social-link-facebook:hover a{color:#fff; background-color:#37589b; }
etc. …

    so add for example to your quick css:
    #top #wrap_all .av-social-link-spotify:hover a {color:#fff; background-color:#7c26f8; }

    April 4, 2017 at 10:45 pm #772055
    Ilvy

    Ahhhhh, Guenni007 – you are my hero :-)
    Thanks a lot for your help, it worked out as you said. THANK YOU!!

    April 5, 2017 at 1:56 pm #772526
    Yigit

    Hi,

    Glad @Guenni007 could help!
    Thanks @Guenni007! You are our hero as well :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Custom social icon => Spotify’ is closed to new replies.