Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1172739

    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.

    #1173076

    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

    #1173351

    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

    #1173956

    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

    #1173962

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

    #1174791

    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

    #1174904

    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

    #1175004

    Hi benhasler,

    Best regards,
    Victoria

    #1175006

    Bare with me i will unlock it.

    #1175078

    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

    #1175083

    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?

    #1175386

    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

    #1175532

    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?

    #1175878

    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

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