-
AuthorPosts
-
March 18, 2021 at 2:10 pm #1288987
Hi,
I would like to change hover background color for the social profile icons in the top bar and add another icon.
The icon I would like to add is already uploaded – it’s Font: entypo-fontello charcode: \ue842
Please help ;)- This topic was modified 3 years, 9 months ago by hegartpetersen.
March 21, 2021 at 3:40 pm #1289458Hey Andreas,
Here are the docs for you:
Do you want the same color on hover for all icons?
Best regards,
VictoriaMay 5, 2021 at 3:08 pm #1298598Hm…cant figure it out.
I want to be able to use the ue842 from the entypo-fontello already installed in the social profile icons (like now, there´s an email icon).It seems I have to use this css, but not sure what to change…
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘icon_name’] = 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[‘Icon Label’] = ‘icon_name’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);May 6, 2021 at 2:53 pm #1298793Hi,
Please use the code as following
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_name'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842'); 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['Icon Label'] = 'icon_name'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
If that does not help, please create temporary admin logins and post them here privately so we can look into it :)
Best regards,
YigitMay 6, 2021 at 3:06 pm #1298801That helped – thanks ;)
Where do I change the name Icon_name on hover?May 6, 2021 at 3:09 pm #1298803Hi!
Please find “icon_name” in the code and update it as needed :)
Best regards,
YigitMay 6, 2021 at 3:11 pm #1298807Both places?
May 6, 2021 at 3:16 pm #1298809Hey,
Yes, both of them need to match. Please update “Icon Label” as well. Example below
“icon_name” = “linkedin”
“Icon Label” = “LinkedIn”Edit:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['linkedin'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842'); 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['LinkedIn'] = 'linkedin'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Regards,
Yigit- This reply was modified 3 years, 7 months ago by Yigit.
May 21, 2021 at 11:37 am #1301586if I aslo want to add ue854 how do I do that?
May 21, 2021 at 11:42 am #1301587Hi,
Then you would use the code as following
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['linkedin'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue842'); $icons['othericon'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue854'); 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['LinkedIn'] = 'linkedin'; $icons['OtherIcon'] = 'othericon'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
New lines for each icon basically :)
Best regards,
YigitMay 21, 2021 at 12:16 pm #1301603Great thanks ;)
And if I dont want any background color on hover?
Nevermind – I found it.
Thanks for great support ;)
- This reply was modified 3 years, 7 months ago by hegartpetersen.
May 21, 2021 at 1:29 pm #1301621Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit -
AuthorPosts
- The topic ‘Social profile icons’ is closed to new replies.