Tagged: hover, social icons
-
AuthorPosts
-
September 24, 2014 at 4:51 am #324023
Hello,
I added Yelp to the top social media icons, and it appears properly, but the hover function is not working. I tried this code but it hasn’t worked:`#top #wrap_all .av-social-link-yelp:hover a {
background-color: #B90C04;
color: #FFFFFF;
}`
Thanks for your help!September 24, 2014 at 3:42 pm #324341Hi 1lizcollins!
Have you removed Yelp icon? I could not find it. Please try adding !important rule as following
#top #wrap_all .av-social-link-yelp:hover a { background-color: #B90C04 !important; color: #FFFFFF !important; }
Regards,
YigitSeptember 24, 2014 at 6:39 pm #324509Weird! I must have overwritten my functions.pho file unknowingly :( I added the code you sent. I’m trying to get the Yelp icon to appear in the header, but it’s not.
I’ve added the following code to functions.php`{
$icons[‘yelp’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue802’);
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;
}`
I downloaded the Yelp icon from Fontello, customized the name and then uploaded it. I see yelp as a social media icon and I’ve added it and a link in the header section of the theme options. But it’s not showing on the front of my site. What am I missing?September 24, 2014 at 6:42 pm #324515Hey!
Do you mind creating a temporary admin login and post it here privately so we can look into it?
Regards,
YigitSeptember 24, 2014 at 8:42 pm #324607This reply has been marked as private.September 26, 2014 at 7:06 am #325409Hey!
Thank you for using Enfold.
Please edit functions.php, find this code on line 16:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
function avia_add_custom_icon($icons) { $icons['yelp'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue802'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Yelp'] = 'yelp'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
You can now select Yelp at the very bottom of the social icons.
Cheers!
IsmaelSeptember 26, 2014 at 3:21 pm #325627Hi Ismael,
Thanks, that helped some – I can now see an icon in the header of my website. I should clarify that I have been able to see it all along in the social media selector in Theme options, it just wasn’t visible on the front end of the site.
There are still two problems:
1. The icons I see is not the yelp icon I’d previously installed from Fontello – instead it’s a musical note? The code you gave me uses the correct icon identifier (ue802), so I’m stumped! I tried re-downloading & installing the Yelp icon, but still no luck.
2. The circular hover doesn’t show up on this new icon, like the other social media icons.Here’s the code I’m already using to try and show that hover effect:
#top #wrap_all .av-social-link-yelp:hover a { background-color: #B90C04 !important; color: #FFFFFF !important; }
Thanks so much for your help!
September 30, 2014 at 5:34 am #326992Hi!
I would like to check the wp dashboard but this gives me a 404 loading error: http://tvhw.hawthorncreativewebdesign.com/wp-admin.php
Cheers!
IsmaelOctober 6, 2014 at 2:11 pm #330880This reply has been marked as private.October 7, 2014 at 3:37 am #331316Hi!
I’m sorry but I don’t see any yelp icon added. Please download it again from fontello.com using the Iconfont Manager.
Regards,
IsmaelOctober 20, 2014 at 3:05 pm #338353Weird! I can see it on my end in “themes->import/export”. I deleted it, re-downloaded and installed it and I still see the same musical note instead of the Yelp icon :( What am I missing? Screenshot attached.
- This reply was modified 10 years, 2 months ago by 1lizcollins.
October 21, 2014 at 7:33 am #338854Hi!
Thank you for the update.
Can you please upload the zip file that you get from fontello.com using mediafire or dropbox? We would like to test it on our installation. There are lots of icons on fontello.com but I can’t find the yelp icon.
Regards,
IsmaelOctober 27, 2014 at 11:54 pm #341857This reply has been marked as private.October 28, 2014 at 4:52 am #341976November 12, 2014 at 5:44 pm #350151This reply has been marked as private.November 12, 2014 at 5:45 pm #350153This reply has been marked as private.November 14, 2014 at 2:28 am #351069Hey!
I’m sorry but we won’t be able to access the root directory of your site because it is forbidden. Please add the font file on mediafire or dropbox. Anyway, the yelp icon from Font Awesome works fine and I think I see the problem now. Please replace the code with this:
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; }
Make sure that you add the code below line 16:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Cheers!
IsmaelNovember 14, 2014 at 5:07 am #351120Hi Ismael,
I’d like to add this code to the child theme’s functions.php file as I will loose all customization when I update the theme otherwise. Is this possible? If so, do I just include line 16 and then this code below?
Thx!
November 15, 2014 at 5:33 am #351684Hey!
Yes, you can add it on the child theme’s functions.php file. Forget the line 16.
Regards,
IsmaelNovember 16, 2014 at 1:24 am #351937Added it and now no icon at all shows up! I tried changing to ue802 as this is what the yelp icon used previously, but still nothing so I’ve changed it back to ue800. I can’t understand what is going wrong. I see the yelp icon in the social profiles section, I have selected it, and it’s just not visible on the front end. I really need to get this fixed – what else can we try? Thanks so much.
November 17, 2014 at 12:35 pm #352346Hey!
This works fine on our installation. Please post the login details here and set it as a private reply. I tried to login using the link and login credentials above but it’s not working.
Regards,
IsmaelNovember 17, 2014 at 5:04 pm #352537This reply has been marked as private.November 18, 2014 at 5:18 pm #353079Hi!
Looks like you’re not using the latest version of the theme. Please download the latest version 3.0.2. Anyway, looks like you can’t add the code on the child theme. I have to add it again on the parent theme’s functions.php. It is working now: http://www.taborviewhealth.com
Create a change log of this modification in case you update the theme.
Best regards,
IsmaelNovember 22, 2014 at 5:56 pm #355930Ok, thanks so much. It would be great to be able this code to the child theme info so I don’t have to do extra work when I update the theme (just updated thanks!).
November 23, 2014 at 9:01 am #356129 -
AuthorPosts
- The topic ‘Custom social media icon hover not working’ is closed to new replies.