Greetings and hello,
I added some code in my functions.php to add a google icon. The icon is showing up blank in the social icon header area. How do I make the icons black like the others? I also need the hover colors to match.
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘google’] = array( ‘font’ =>’home’, ‘icon’ => ‘uf1a0’);
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[‘google’] = ‘google’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
Hey chhivindyk,
Thank you for the inquiry.
Did you upload your own font? Please provide the login details in the private field so that we can check the info of the custom font icon.
Best regards,
Ismael
Yes, I did. Logins attached.
Hi,
Thank you for the info.
We adjusted the font value of the Google icon in the functions.php file:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['google'] = array( 'font' =>'fontello', 'icon' => 'uf1a0');
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['google'] = 'google';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
The icon is now displaying correctly.
Best regards,
Ismael