Custom social media icon hover not working

Weird! 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?

Hi 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!

Weird! 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, 1 month ago by 1lizcollins.