Tagged: 

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #446069

    Hello,

    I’m trying to add a Yelp icon to my website. I followed the instructions in this post: https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/#post-200202

    But I only see a blank space where the Yelp icon should be. Can you help?

    Thanks,
    Liz

    #446960

    Hi 1lizcollins!

    Thank you for using Enfold.

    Where did you get the yelp icon? Did you use the Iconfont Manager? Make sure that the icon character code is correct. Please refer to this link: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Cheers!
    Ismael

    #447087

    Hi Ismael,

    I wanted to add this Yelp icon to the social media icons below the main menu, so the link you sent me didn’t have all the necessary steps. Here’s what I did:

    1. Downloaded Yelp icon from Fontello, set custom code to UE899
    2. Uploaded zip file using Iconfont Manager
    2. Added this code to enfold’s functions.php (first I added it to the child functions.php which is what caused the blank icon I previously noted):

    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons['yelp']	 = array( 'font' =>'fontello', 'icon' => 'ue899');
    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;
    }
    

    Now, when I view my site I see a pencil icon instead of the yelp icon. Can you help me get this sorted?

    Thank you,
    Liz

    #447537

    Hi!

    The icon code is incorrect, if I am not mistaken. In order to get the correct icon code, create a temporary post or page then insert an icon shortcode. Hover over the yelp icon to see the actual icon code. The first icon uploaded in the iconfont manager, should use the “ue801” character code, the second icon “ue802” and so on and so forth.

    Cheers!
    Ismael

    #454072

    Thanks Ismael,

    I did what you suggested and I see that the Yelp code is UE800. I made this change in functions.php but I still don’t see the yelp icon as an option in the social profiles area. What am I missing? Thanks!

    #454359

    Hey!

    Alright. Please post the login details here, we would like to check it.

    Regards,
    Ismael

    #466496

    Thanks! Login info below.

    #467214

    Hey Liz

    In order to get the yelp icon to display with your other social icons, you can try the solution below.

    First you’ll need to locate this code:

    ‘scrolltop’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),

    Add this code underneath the above code:

    ‘yelp’ => array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’),

    Next you’ll need to locate the register-admin-options.php via ftp or otherwise (enfold > includes > admin > register-admin-options.php)

    Once you have it open, find this code on line 1826:

    ‘Youtube’ => ‘youtube’,

    Add this code underneath the above code:

    ‘Yelp’ => ‘yelp’,

    Once that’s been done, Yelp will be an available icon in the social profiles section of your theme options.

    Regards,
    Dake

    • This reply was modified 9 years, 4 months ago by Dake.
    #467235

    Hey!

    Actual icon code was ue800, check it now, i used this code in your child functions.php.

    Best regards,
    Josue

    #467664

    Thanks, that worked. I’ve had so much trouble with this! Just one more thing: the yelp icon is now visible and the icon itself changes color when I hover, but I’d like to icon to remain grey and for the background to change color as with the other icons. What’s the best way to achieve this?

    #467786

    Hey!

    Use this in Quick CSS:

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

    Change as needed.

    Best regards,
    Josue

    #689287

    Can someone help???

    I followed this thread and it did not work… I see a red dot when I rollover where the Yelp icon is to be but nothing there but white space and then a dot when rollover…

    I added this to functions.php on my child theme:

    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;
    }

    And this to the Quick CSS:

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

    Thanks in advance.
    Chris

    #689289

    Have you guys considered just adding Yelp to the theme??? It would be useful.
    Chris

    #689290

    Hi!


    @madisonstudios1
    Please create a new thread and attach temporary admin logins in private content field so we can add new icon for you.
    If you post credentials here they will be visible to creator of this thread as well.

    Cheers!
    Yigit

    #689306

    here you go.

    #689318

    Hey!

    It does not seem like you have imported new icons. Please refer to this post – http://kriesi.at/documentation/enfold/custom-social-icons/

    Best regards,
    Yigit

    #689326

    Thanks for the speedy response.
    There are many choices on that page
    1. not sure which one to use
    2. do I delete what I added to functions.php in child theme first and add the one you tell me OR is this in addition to what I have put there?

    Thanks,
    Chris

    #689338

    Hi!

    Please remove the code you added to functions.php file and then refer to section below “Using Fontello-imported Icons”.

    Best regards,
    Yigit

    #689348

    Yigit
    Thanks – that worked

    While I have your help – how can I make them larger and a little further apart???

    Chris

    #689350

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-logo-container .social_bookmarks li {
        margin-right: 5px;
    }
    
    #top .av-logo-container .social_bookmarks li a {
        font-size: 20px;
    }

    If you have any other questions or issues, please start a new thread.

    Cheers!
    Yigit

    #689354

    Yigit,

    That worked – – – but it made the Yelp Icon disappear.
    Please let me know.

    Chris

    #689362

    Hey Chris!

    That was not because of that, it was because you did not imported custom icon font. I did it for you. Please review your website now

    Best regards,
    Yigit

    #689414

    Thanks!!!
    Chris

Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Adding Yelp Icon’ is closed to new replies.