-
AuthorPosts
-
December 30, 2014 at 2:19 pm #373101
https://kriesi.at/support/topic/enfold-social-media-icons-in-widget/ I have read this topic and did as said but I only get a list of the icons as you can see in the following link. Please help me to do it right
December 30, 2014 at 2:33 pm #373104Kalispera!
Please add following code to a Text Widget – http://pastebin.com/awTUjD3M then post the link to your website so we can provide you accurate code to display social icons correctly
Best regards,
YigitDecember 30, 2014 at 3:05 pm #373116This reply has been marked as private.December 30, 2014 at 3:16 pm #373121December 30, 2014 at 3:23 pm #373125Thanks but how did you do this I want to add a foursquare uploaded fontello icon and a custom icon too (have no idea how to do this but i ll try by reading previous topics). And add them in two other wordpresses footers
http://clubhotelloutraki.gr.5-189-131-5.socialdive.gr/hotel
http://clubhotelloutraki.gr.5-189-131-5.socialdive.gr/casinoDecember 30, 2014 at 3:39 pm #373127Hi!
I only adjusted CSS code in Quick CSS field and moved social icons code to separate Text widget.
Please refer to Ismael’s post here to add new social icons – https://kriesi.at/support/topic/add-a-new-social-icon-with-fontello/#post-365182Regards,
YigitDecember 30, 2014 at 3:41 pm #373130https://kriesi.at/support/topic/custom-social-bar-icons-replaceadd-enfold/#post-304134 I coppied the code in functions php didn’t work for me… please help me add a fontello icon i have already uploaded
December 31, 2014 at 2:53 am #373397Hey!
Please check the site now: http://clubhotelloutraki.gr.5-189-131-5.socialdive.gr/
We edited the code on functions.php, line 17:
function avia_add_custom_icon($icons) { $icons['foursquare'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Foursquare'] = 'foursquare'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
You can now add the new social icon on Enfold > Social Profiles panel.
Cheers!
IsmaelDecember 31, 2014 at 12:21 pm #373458Thank you Ismael :) that worked great !!!
One last thing I added socicon font in order to use tripadvisor icon that was not included in fontello the icons. I uploaded it on the site and it looks fine as an icon but i cant use it as a social icon don’t know php in order to add it to my fuctions php the details are {“id”: “tripadvisor”, “name”: “tripadvisor”, “character”: “3”, “color”: “#000000”}
Thanks in advanceDecember 31, 2014 at 12:48 pm #373466I also get a music note istead of fourquare icon on the footer widget :/ how can i fix it ? is the icon i want to use…
January 2, 2015 at 12:43 pm #374033Hi,
I placed this code
function avia_add_custom_icon($icons) {
$icons[‘foursquare’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
$icons[‘tripadvisor’] = array( ‘font’ =>’sociconregular’, ‘icon’ => ‘3’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);function avia_add_custom_social_icon($icons) {
$icons[‘Foursquare’] = ‘foursquare’;
$icons[‘tripadvisor’] = ‘tripadvisor’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);and the icon is not displayed. I also replaced “3” with the name of the icon (tripadvisor). Then i tried to just place the icon on a page and the icon was not displayed in a page although I could see it in the admin page. Any ideas?
Thanks in advance
January 5, 2015 at 4:44 am #374943Hey!
Check it now, i changed the widget text to this:
<ul class="noLightbox social_bookmarks icon_count_3"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/CasinoLoutraki?fref=ts" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_youtube av-social-link-youtube social_icon_2"><a target="_blank" href="https://www.youtube.com/channel/UC5kk3PC5TexNs_R8e2EEljQ" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"><span class="avia_hidden_link_text">Youtube</span></a></li><li class="social_bookmarks_five_100_px av-social-link-five_100_px social_icon_3"><a target="_blank" href="https://foursquare.com/v/club-hotel-casino-loutraki/4ce3bb0fb4dc59410cb209ae" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello" title="Five_100_px"><span class="avia_hidden_link_text">Five_100_px</span></a></li></ul>
Cheers!
JosueJanuary 8, 2015 at 10:42 pm #377122Do you think you’ll be adding tripadvisor, foursquare, urbanspoon, and yelp to the next update?
January 9, 2015 at 9:20 pm #377589January 12, 2015 at 2:38 pm #378251Hey I am still not able to put tripadvisor icon any ideas?
Thanks in advance
January 12, 2015 at 7:35 pm #378481January 13, 2015 at 11:05 am #378687I have uploaded a font that contains tripadvisor icon.. Although I see it at the admin panel in the Avia builder, once I save a page , the icon doesn’t appear in the page view. All I want is to place it as a social profile icon at the top bar and at the widget area. I placed it here
function avia_add_custom_icon($icons) {
$icons[‘foursquare’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800′);
$icons[‘tripadvisor’] = array( ‘font’ =>’sociconregular’, ‘icon’ => ‘3’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);function avia_add_custom_social_icon($icons) {
$icons[‘Foursquare’] = ‘foursquare’;
$icons[‘tripadvisor’] = ‘tripadvisor’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);and the icon is not displayed
January 13, 2015 at 8:50 pm #379110Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueJanuary 14, 2015 at 1:32 pm #379393This reply has been marked as private.January 14, 2015 at 5:56 pm #379593Hey!
You need to upload a fontello.com generated zip in order to make it work with Enfold:
Best regards,
JosueJanuary 15, 2015 at 11:30 am #379956But tripadvisor icon does not exist in fontello.com… How can I add it?
January 15, 2015 at 8:16 pm #380374Hi!
Please add one of the social icons that you are not using (i used Skype in example code) then add following code to Quick CSS
li.social_bookmarks_skype.av-social-link-skype { background-image: url(https://cdn0.iconfinder.com/data/icons/social-glyph/30/tripadvisor-480.png)!important; background-size: contain!important; background-position: 50% 50%; } li.social_bookmarks_skype.av-social-link-skype a { opacity: 0; }
Regards,
YigitJanuary 22, 2015 at 7:48 am #383539Yigit,
That worked perfect but a couple questions1). With your example if of adding the icon/image for TripAdvisor in the place of Skype how can I change the hover text (Image Title Attribute) to say TripAdvisor instead of Skype?
2a). I noticed swamping the icon for an image strips out the hover effects for the previous Skype social icon we are replacing. How can I set the background hover color for the replacement icon/image to #569440 as an example?
2b). As a backup to the hover color is it just easier to have the image switch on hover? Going along with the TripAdvisor example maybe use with on image on hover? http://02e.404.myftpupload.com/wp-content/uploads/2015/01/icon-tripadvisor-4801.pngThanks
JonJanuary 22, 2015 at 8:21 am #383541As an alternative method I uploaded more social icons to Enfold and can use them in Icon Lists, ect, but can’t get them to be social icons. I used this code in functions.php but it does not show up under Social Media Profiles afterward
What am I missing?add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['tripadvisor'] = array( 'font' =>'sociconregular', 'icon' => '3'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['TripAdvisor'] = 'tripadvisor'; return $icons; }
Thanks
JonJanuary 22, 2015 at 2:12 pm #383673I found it!
I went here -> http://www.flaticon.com/
and downloaded the svg file of the trip advisor icon
Then i uploaded it here -> https://icomoon.io/app/#/select
I downloaded the font and uploaded it in the icon font manager in the enfold settings
and then went to my functions.php and placed this code in the 17 lineif(isset($avia_config[‘use_child_theme_functions_only’])) return;
function avia_add_custom_icon($icons) {
$icons[‘foursquare’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
$icons[‘tripadvisor’] = array( ‘font’ =>’icomoon’, ‘icon’ => ‘ue600’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);function avia_add_custom_social_icon($icons) {
$icons[‘Foursquare’] = ‘foursquare’;
$icons[‘Tripadvisor’] = ‘tripadvisor’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);just erase the lines with the foursquare icon
January 22, 2015 at 5:19 pm #383784Hi!
Glad you figured it out!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit -
AuthorPosts
- The topic ‘I want to add social media in widget’ is closed to new replies.