-
Posts
-
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,
LizHi 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!
IsmaelHi 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,
LizHi!
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!
IsmaelThanks 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!
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,
DakeHey!
Actual icon code was ue800, check it now, i used this code in your child functions.php.
Best regards,
JosueThanks, 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?
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,
JosueCan 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.
ChrisHi!
@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!
YigitHey!
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,
YigitThanks 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,
ChrisHi!
Please remove the code you added to functions.php file and then refer to section below “Using Fontello-imported Icons”.
Best regards,
YigitYigit
Thanks – that workedWhile I have your help – how can I make them larger and a little further apart???
Chris
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!
YigitHey 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
- The topic ‘Adding Yelp Icon’ is closed to new replies.