Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #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

    #373104

    Kalispera!

    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,
    Yigit

    #373116
    This reply has been marked as private.
    #373121

    Hey!

    Please review your website now

    Cheers!
    Yigit

    #373125

    Thanks 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/casino

    #373127

    Hi!

    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-365182

    Regards,
    Yigit

    #373130

    https://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

    #373397

    Hey!

    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!
    Ismael

    #373458

    Thank 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 advance

    #373466

    I 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…

    #374033

    Hi,

    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

    #374943

    Hey!

    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!
    Josue

    #377122

    Do you think you’ll be adding tripadvisor, foursquare, urbanspoon, and yelp to the next update?

    #377589

    Hi!

    Please request them here – https://kriesi.at/support/enfold-feature-requests/

    Regards,
    Yigit

    #378251

    Hey I am still not able to put tripadvisor icon any ideas?

    Thanks in advance

    #378481

    Hi @georgesociel!

    What have you tried so far?

    Best regards,
    Josue

    #378687

    I 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

    #379110

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #379393
    This reply has been marked as private.
    #379593

    Hey!

    You need to upload a fontello.com generated zip in order to make it work with Enfold:

    Best regards,
    Josue

    #379956

    But tripadvisor icon does not exist in fontello.com… How can I add it?

    #380374

    Hi!

    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,
    Yigit

    #383539

    Yigit,
    That worked perfect but a couple questions

    1). 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.png

    Thanks
    Jon

    #383541

    As 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
    Jon

    #383673

    I 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 line

    if(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

    #383784

    Hi!

    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

Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘I want to add social media in widget’ is closed to new replies.