-
AuthorPosts
-
January 5, 2016 at 11:41 am #559850
Hey there, I have added a custom social icon as per your instructions in previous threads, however the icon itself is not displaying properly and instead just shows a “pen” icon. Can you help with this? code for my uploaded icon is ue888. Also, I would like to add more than one icon – how do I do this in the code?
AND finally (while I am here) how do I increase the viewing size of these icons? They are displaying very small. THANKS!!January 5, 2016 at 9:36 pm #560137Hey carendavis!
To make the icons large please add the below code in Enfold Options > General Styling > Quick CSS
#top .social_bookmarks li a { font-size: 20px; }
I hope the below video will help you add custom font icons correctly
Best regards,
VinayJanuary 5, 2016 at 11:39 pm #560172Thanks Vinay for the sizing change, I will try it. This doesn’t answer my question though, I have followed adding custom icons as per instructions (which I want added to my social profiles options, not just the font icons in template builder). It worked at first and the icon displayed correctly, but now just shows a “pen” icon which seems to be a default icon. Link to site is in private content so you can see for yourself.
I also want to know how to add TWO icons to social profiles, but unsure how to add this into the provided code.
So far I have added:// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['vsco'] = array( 'font' =>'entypo', 'icon' => 'ue888'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['vsco'] = 'ue888'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
- This reply was modified 8 years, 10 months ago by carendavis.
January 5, 2016 at 11:52 pm #560175Hmm actually have partially resolved.. I started again with font and code, renaming my font and adjusting code, which now reads;
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['vsco'] = array( 'font' =>'social-new', 'icon' => 'ue888'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['vsco'] = 'vsco'; return $icons; }
All I want to know now is how to add another social icon (from within the same font). Icon name is “ello”, and number is “ue817”. Do I need to create a separate font altogether? Thanks!!
January 7, 2016 at 10:11 am #561086Hey!
Yes that’s correct you have to create a new font with it’s unicode.
Cheers!
VinayJanuary 8, 2016 at 12:05 am #561632Sorry – I may need you to spell this out a bit for me…how do I then add it to the above code? I tried repeating the above with just the font name and unicode changed and I broke it and had to fix in cpanel – oops. Not that familiar with how PHP functions!
I have two characters I’d like to add to social icons:
1. font = ‘mail-new’ unicode = ‘ue800’
2. font = ‘ello-new’ unicode = ‘ue801’Many thanks!!
January 9, 2016 at 4:21 am #562269Ah worked this one out too, just had to play. For anyone wondering…
create a new font and new unicode for each symbol, and enter as below!
You can mark this RESOLVED now thanks :)add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['vsco'] = array( 'font' =>'social-new', 'icon' => 'ue888'); $icons['mail'] = array( 'font' =>'mail-new', 'icon' => 'ue800'); $icons['ello'] = array( 'font' =>'ello-new', 'icon' => 'ue801'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['vsco'] = 'vsco'; $icons['mail'] = 'mail'; $icons['ello'] = 'ello'; return $icons; }
January 10, 2016 at 5:03 am #562583 -
AuthorPosts
- You must be logged in to reply to this topic.