-
AuthorPosts
-
August 31, 2019 at 9:45 am #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
September 1, 2019 at 3:54 am #1132605Hey 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:
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,
MikeSeptember 5, 2019 at 4:08 am #1134163Hi 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! :)
September 5, 2019 at 4:12 am #1134167<deleted>
- This reply was modified 5 years, 2 months ago by zetharia.
September 5, 2019 at 7:00 am #1134215Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.