Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 16, 2019 at 11:21 pm #1166609
    spidercreations

    There have been a couple of other posts on this subject, but I’m having no luck getting the Yelp icon to display in the social areas.
    I downloaded the Yelp icon from Fontello and uploaded the zip file to the correct area under Enfold > Import/Export > IconFont Manager. When uploaded, it shows what I named it – yelp.
    To confirm, I went into the icon list and sure enough the Yelp icon is displayed. It looks like the code for the icon is ue800. See here – https://pasteboard.co/ILzqvYi.jpg – for a screenshot of how I got the ue800 code.
    Then, I added the following to functions.php in my Child Enfold theme…

    /* Trying to add the Yelp icon */
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['yelp']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['Yelp'] = 'yelp';
return $icons;
}
/* END yelp icon */

    Although I was able to add the social icon for Yelp under Enfold > Social Profiles, the icon is not displayed in the header or footer at https://scubashackct.com

    Any ideas here? Thank you in advance.

    December 17, 2019 at 8:19 pm #1167009
    JAMMAN

    Yep… all my icons are blank as well…

    December 18, 2019 at 11:42 am #1167225
    Ismael

    Hi,

    Thank you for using Enfold.

    You have to replace the default font name fontello with the actual name of the font set, which is yelp. Please look for this line:

    $icons['yelp']	 = array( 'font' =>'fontello', 'icon' => 'ue800');

    Replace the value of the font key in the array.

    $icons['yelp']	 = array( 'font' =>'yelp', 'icon' => 'ue800');

    If it didn’t work, please post the login details in the private field so that we can check the icon. Make sure that the Appearance > Editor panel is accessible.

    Best regards,
    Ismael

    December 18, 2019 at 3:42 pm #1167326
    spidercreations

    Unfortunately, that did not solve the issue. Log in credentials sent privately.

    December 18, 2019 at 3:55 pm #1167332
    Yigit

    Hey,

    I added following code to bottom of Quick CSS field 

    .social_bookmarks_yelp a::before {
    font-family: 'yelp';
    content: '\f1e9';
}

    Please review your website :)

    Cheers!
    Yigit

    December 18, 2019 at 4:23 pm #1167346
    spidercreations

    Thank you. That works, but there is no hover effect like the other icons in the header and footer?
    This is definitely a bit more complex than expected (to add an icon) and I’m thinking the Enfold developers may want to take another look at this functionality?
    Steve

    December 18, 2019 at 4:28 pm #1167352
    Yigit

    Hi,

    I added following code to bottom of Quick CSS as well

    #top #wrap_all .av-social-link-yelp:hover a {
    color: #fff;
    background-color: #d32323;
}

    We are already looking for a solution for custom icons however hover state needs to be added using custom CSS as colors for custom icons cannot be pre-defined :)

    Best regards,
    Yigit

    December 18, 2019 at 4:59 pm #1167368
    spidercreations

    Much thanks!
    You may want to take a look at expanding your list of icons included with the theme? Not sure if that is possible, but Yelp is a big one here in the US.
    Steve

    December 18, 2019 at 5:01 pm #1167371
    Yigit

    Hey Steve,

    Thanks for your suggestion. We will definitely consider it :)

    You are welcome! Let us know if you have any other questions or issues!

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Adding Yelp Icon – It's showing up as blank’ is closed to new replies.