-
Posts
-
Hello,
Please see http://lgtconline.com/. If you hover just the the right of the facebook icon in the header and footer you will notice that the area turns red for the yelp icon. However, the yelp icon does not appear. I have downloaded the yelp icon off http://fontello.com/ and imported it via the Import / Export Iconfont Manager. I have added the following to the child’s function.php:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘yelp’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);// Add new icon as an option for social icons
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);I have this in my custom CSS:
/*Add Yelp Social Icon:*/
#socket .av-social-link-yelp a {
color: #9b7820;
}
#top #wrap_all .av-social-link-yelp:hover a {
color: #ffffff;
background: #d32323;
}Hey Perry,
Try the following in functions.php instead:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['yelp'] = array( 'font' =>'fontello', 'icon' => 'uf1e9'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons 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);Best regards,
Jordan ShannonHello, Perry!
Sorry about that. You were close the first time. It’s just that
'font' =>'fontello'had to be'font' =>'yelp'because that is the name you gave the font when you downloaded it.I have taken the liberty of updating your functions.php. The icon now appears correctly!
This is the correct code for your functions.php:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['yelp'] = array( 'font' =>'yelp', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons 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);Best regards,
Sarah
- The topic ‘Yelp Icon not appearing in header and footer but the hover colors are there’ is closed to new replies.