Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 13, 2020 at 12:52 pm #1172739
    benhasler

    I am struggling to get the instagram and linked in social icons to display in my footer/socket correctly?

    i only want the icon to display (no background).

    #3C3C38 as the static colour

    #D6E343 as the rollover colour

    i cant even seem to see the actual icon? just a coloured circle.

    January 14, 2020 at 6:03 am #1173076
    Rikard

    Hey benhasler,

    Sorry for the problem, please refer to this: https://kriesi.at/support/topic/missing-icons-after-updating-to-wordpress-5-3-1-and-maintenance-releases/

    Best regards,
    Rikard

    January 14, 2020 at 2:54 pm #1173351
    benhasler

    thanks for that i have it sorted now. one thing i have noticed though is that the instagram icon is the old logo? how do you get the new logo?

    many thanks

    ben

    January 15, 2020 at 1:06 pm #1173956
    Ismael

    Hi,

    Thank you for the update.

    Try to upload the new Instagram logo through the Enfold > Import/Export > Iconfont Manager, then use the following filter to replace the default icon with the new one.

    function avia_add_custom_icon($icons) {
    $icons['instagram'] = array( 'font' => 'instagram’, 'icon' => '0xf16d');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

    Replace the font value with the actual name of the font set and adjust the icon value.

    Best regards,
    Ismael

    January 15, 2020 at 1:17 pm #1173962
    benhasler

    hi, thanks for that, any idea where i can actually download the new logo to then upload?

    January 16, 2020 at 9:37 am #1174791
    Ismael

    Hi,

    Thank you for the following up.

    In the Iconfont Manager, there is a link to the fontello website. Once you’re in the site, search for Instagram, select the latest logo, then download the font set. You may want to rename the set before downloading it. After that, upload the font set in the Iconfont Manager.

    // http://fontello.com/

    Best regards,
    Ismael

    January 16, 2020 at 12:30 pm #1174904
    benhasler

    Hi, thank i managed to download and upload the font set, but when i add that code you supplied it all comes back with errors?

    i have added the creds below to see if you can see why maybe?

    many thanks

    January 16, 2020 at 2:45 pm #1175004
    Victoria

    Hi benhasler,

    Best regards,
    Victoria

    January 16, 2020 at 2:47 pm #1175006
    benhasler

    Bare with me i will unlock it.

    January 16, 2020 at 4:16 pm #1175078
    Victoria

    Hi benhasler,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all #socket .social_bookmarks li a {
  color: #3C3C38;
}
#top #wrap_all #socket .social_bookmarks li:hover a {
  color: #D6E343;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 16, 2020 at 4:21 pm #1175083
    benhasler

    Hi victoria, sorry we already sorted that issue. we were just trying to now get the new instagram icon to show using ismael’s instructions.

    do you know how to fix that?

    January 17, 2020 at 1:35 pm #1175386
    Ismael

    Hi,

    Thank you for following up.

    We tried to add the code in the functions.php file, but encountered an error because the same function already exists. Where did you add the code? Please try to replace the code with this one.

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

    This contains the correct character code of the new instagram icon.

    Best regards,
    Ismael

    January 17, 2020 at 5:04 pm #1175532
    benhasler

    hiya, we have added it to the link i have just sent in the private content bit.

    we swapped it out for this new code but it still doesnt work?

    January 18, 2020 at 5:58 pm #1175878
    Mike

    Hi,
    That is odd, perhaps it’s a server caching issue, I added this css to your Quick CSS to correct the icon:

    .social_bookmarks_instagram a::before {
    font-family: 'entypo-fontello';
    content: '' !important; 
}

    Now the new instagram icon is showing, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.