Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1132507

    I would like to add to the top of the header on the navigation bar a YELP Social Profile Icon.

    I have looked at this thread (https://kriesi.at/support/topic/enfold-yelp-social-profiles-icon/) and followed the procedures to add a Yelp Icon to the header / navigation in Social Profiles. I uploaded the font fontello, added code to functions.php, I am able to add an icon there, but instead of a Yelp Icon, I have a Pencil Icon! Help?!

    Also, how do you make the icon so it looks like the same in hover mode? Thanks

    #1132605

    Hey zetharia,
    Thanks for the login, I have looked for your yelp function in the functions.php but I didn’t find it, so I thought you had removed it and I tried to add it but I got this error:
    2019-08-31-202759
    so it seems that you have added the function into the wrong file at: /wp-includes/functions.php if you did this please remove the code.

    I corrected the function that was posted at your link above and adjusted it so I could add it to your /enfold/functions.php:

    // Register new icon as a theme icon
    function avia_add_yelp_icon($icons) {
    $icons['yelp']	= array( 'font' =>'fontello', 'icon' => 'uf1e9');
    return $icons;
    }
    add_filter('avf_default_icons','avia_add_yelp_icon', 10, 1);
    	
    // Add new icon as an option for social icons
    function avia_add_yelp_social_icon($icons) {
    $icons['Yelp'] = 'yelp';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_yelp_social_icon', 10, 1);

    but I’m still not finding the Yelp option in your social icons list, I believe this is due to the other code that needs to be removed. I tested this on my localhost and it works correctly. I also removed the duplicate yelp css that would cause issues, this is the css I left in your Quick CSS:

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

    So once you remove the other code you should be able to choose the Yelp icon.

    Now I note that you are not using a child theme, so I wanted to let you know that when editing functions.php you should use the child theme, so your changes will not be lost with future theme updates Read about it & Get it here

    Best regards,
    Mike

    #1134163

    Hi Mike, thanks for the update. I went and deleted the code from wp-includes/functions.php and then added the first set of code in the enfold/functions.php but it broke the site. So I just removed it all. I can’t figure out why this is so difficult to put it on the top right hand corner when you click on Enfold > Social Profiles > you can pull down Yelp from the dropdown list.

    I ended up just using the VK icon temporarily, because I can’t figure out how to put the Yelp icon in. I hope someone can help me with this please! :)

    #1134167

    <deleted>

    • This reply was modified 5 years, 3 months ago by zetharia.
    #1134215

    Hi,
    Thank you for the ftp access, well this is very odd I have added the same code to your site as I have on mine where the Yelp icon works using your icon zip, and I can’t seem to get your site to show the option for Yelp. I also tried uploading the theme again thinking there was an error in a file somewhere, but this didn’t help either. So, for now, I replaced the VK icon with your Yelp icon so it will show on the front end, I hope this will be ok for a temp solution. I will try to investigate further. Please clear your browser cache and check, and let me know if you want the icon colors adjusted for the vk/yelp icon.

    Best regards,
    Mike

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