Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #167079

    Hi,

    Sorry for duplicated threads.

    I created a topic on this couple of days ago but it was closed before I got a chance to update it.

    My question is very specific on how to add icons of three of the most popular social networking sites in China, QQ, tencent weibo and Weibo to the top navigation bar.

    I understand they are not included in v2.2 and am not sure if future release is going to include them since they are not that popular outside of China.

    So, could you please help? how can I add these three social icons?

    QQ & weibo: http://all-free-download.com/free-vector/vector-misc/vector_summary_of_commonly_used_chinese_social_networking_sites_180168.html
    tencent weibo: http://wiki.open.t.qq.com/index.php/%E8%A7%86%E8%A7%89%E7%B4%A0%E6%9D%90%E4%B8%8B%E8%BD%BD

    Thanks,

    #167924

    Hey yukanl!

    The next version being released within the next day or so includes the ability to add your own icon font set from fontello.com . So if they are there then you’ll be able to add them in.

    Regards,
    Devin

    #168027

    Thanks Devin.

    Ismael said my theme was broken, https://kriesi.at/support/topic/enfold-settings/#post-167861. Would you suggest me to wait for the new release?

    thanks,

    #168121

    Hello!

    You can try re-installing theme via FTP in the meantime ( http://vimeo.com/channels/aviathemes/64927356 )

    Best regards,
    Yigit

    #168535

    I’m also trying to change the Social Media Icons in the header (I want to add “Blogger” to the options). I have 2.3 installed, but it is not apparent to me where to add this option. Doesn’t seem to be anything in the Icon Font Manager to add Social Media Icons . Please help. Thanx!

    #168595

    Hi,

    I have upgraded the theme to version 2.3. Checked the documentation, didn’t find any instruction on how to add custom social icons to the theme. Where can I find detailed instructions?

    Thank you,

    #169371

    Hello!

    You can find the information here: http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader

    I did a video walkthrough which is link on the page.

    Cheers!
    Devin

    #169410

    Thanks Devin.

    I have uploaded new fonts, it works.

    However, I need to add new custom icons to the top navigation bar. How can I do that?

    Thanks,

    #169470

    Ditto to what yukanl is saying/asking about “Adding Social Icons”. Devin, I don’t see anything mentioned about that specifically in the video you made.

    #169731

    I have added the foursquare icon and did the uploading as shown. as well as the youtube icon… when i went into the header section to add the social icons above the logo, the youtube icon was there but the foursquare isn’t… my client is demanding the foursquare icon to be present but i have no idea how to make it happen since everything else has worked. ;(

    #169734

    Hello!


    @Michae1
    : Enfold 2.3 has the ability to upload new icon fonts. Go to Enfold > General Settings > Iconfont Manager.

    Cheers!
    Ismael

    #169755

    Ismael,

    I think now we know how to upload new icon fonts to the theme.

    The real issue we are facing is how to add a custom/new icon to the navigation bar? For instance, to add an icon that is not already on the pre-defined social icon list.

    Please kindly advise!

    thanks,

    #169771

    Ismael,

    Ditto again, EXACTLY what ^yukanl^ said :) Please advise. Thanx!

    #170765
    #170775

    Thank you, Peter!!

    If I need to add multiple custom icons to the array, do I repeat the following for each of the custom icons? and just replace behance with the values used for the custom icons?

    add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons[‘behance’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’);
    return $icons;
    }

    thanks,

    #170781

    Hi Peter,

    This is what I got but the icons are not shown at the site. I tried to delete all cookies/temp files and even went to the temp folder and deleted all files in there but the custom icons are still not being displayed.

    register-admin-options.php

    “subtype” => array(

    ‘500px’ => ‘five_100_px’,
    ‘Behance’ => ‘behance’,
    ‘Dribbble’ => ‘dribbble’,
    ‘Facebook’ => ‘facebook’,
    ‘Flickr’ => ‘flickr’,
    ‘Google Plus’ => ‘gplus’,
    ‘Instagram’ => ‘instagram’,
    ‘LinkedIn’ => ‘linkedin’,
    ‘Pinterest’ => ‘pinterest’,
    ‘QQ’ => ‘qq’,
    ‘Renren’ => ‘renren’,
    ‘Skype’ => ‘skype’,
    ‘Weibo’ => ‘sina-weibo’,
    ‘Soundcloud’=> ‘soundcloud’,
    ‘Tumblr’ => ‘tumblr’,
    ‘Twitter’ => ‘twitter’,
    ‘Vimeo’ => ‘vimeo’,
    ‘Xing’ => ‘xing’,
    ‘Youtube’ => ‘youtube’,
    ‘Special: RSS (add RSS URL, leave blank if you want to use default WordPress RSS feed)’ => ‘rss’,
    ‘Special: Email Icon (add URL to a contact form)’ => ‘mail’,

    )),

    and functions.php,
    add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons[‘QQ’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908’);
    $icons[‘Renren’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’);
    $icons[‘Weibo’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910’);
    return $icons;
    }

    #170782

    This is what I got from the header after adding the custom icon to the nav bar,

    <ul class=”noLightbox social_bookmarks icon_count_5″>
    <li class=”social_bookmarks_QQ social_icon_1″>
    <li class=”social_bookmarks_Weibo social_icon_2″>
    <li class=”social_bookmarks_facebook social_icon_3″>
    <li class=”social_bookmarks_twitter social_icon_4″>
    <li class=”social_bookmarks_mail social_icon_5″>(Email address hidden if logged out) “>

    I see that custom icon 1 and 2 do not have “data-av_icon=”” ” in the code but icon 3, 4 and 5 which come with the theme do show “data-av_icon=”” ” , not sure if this made the difference.

    #170783
    This reply has been marked as private.
    #171582

    Peter,

    I tried to turn on the wp debug and this is what I found from the error_log.txt. Not sure if this has anything to do with the issue of not able to add custom social icons to the nav bar.

    [07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: qq in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
    [07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: qq in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
    [07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: sina-weibo in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
    [07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: sina-weibo in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622

    thanks,

    #173131

    Hello!

    I tested this and successfully added the QQ social icon on the header. I followed Dude’s instruction.

    1.) Edit includes > admin > register-admin-options.php, find this code on line 905:

    'Behance' => 'behance',

    Add this code below:

    ‘QQ’ => ‘qq’,

    2.) Edit functions.php, find this code on line 16:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons['qq']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue908');
    return $icons;
    }

    3.) Go to Enfold > Header > Add the “QQ” social icon. Save changes.

    This is the screenshot of the result:

    Regards,
    Ismael

    #173171

    Hi Ismael,

    thank you for testing it out.

    I went over the procedure and checked all files again. The only difference between mine and yours is that I had “add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
    function avia_add_custom_icon($icons)”
    added close to the end of the functions.php, and you added it below “if(isset($avia_config[‘use_child_theme_functions_only’])) return;”

    I have moved the codes right below that line now as well but still not showing the icons.

    Is it okay to add three social icons the way I added them? This is what I added to functions.php. As you can see there are three icons in the bracket.

    `
    add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons[‘QQ’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908’);
    $icons[‘Renren’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’);
    $icons[‘Weibo’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910’);
    return $icons;
    }

    thanks,

    #173172
    This reply has been marked as private.
    #173180

    Hey!

    Use the ID of the social icons.

    $icons['qq']
    $icons['renren']
    $icons['sina-weibo']

    Check the it again. The code should be:

    add_filter(‘avf_default_icons’,'avia_add_custom_icon’, 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons['qq']	 = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908′);
    $icons['renren']	 = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’);
    $icons['sina-weibo']	 = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910′);
    return $icons;
    }

    Best regards,
    Ismael

    #173194

    wow, it works now. That’s great!

    Thank you Ismael!!!

    One last question before we close this topic.

    I noticed the background of these newly added icons are not changing as other default ones. Only color of the icons is changed when hovered. How can we make the cell icon is in to change the same way as facebook, twitter and g+ icons?

    thanks again!

    #173388

    Hello!

    Edit css > layout.css, find the code:

    #top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }

    You can add the new social icons selector:

    #top .social_bookmarks_qq:hover a{color:#fff; background-color: #a67658; }

    Regards,
    Ismael

    #174735

    thank you. All cleared!! appreciate the help. As always, you guys rock!

    #174932

    Hi!

    Glad it is working now. :)

    Regards,
    Ismael

Viewing 27 posts - 1 through 27 (of 27 total)
  • The topic ‘new social icons’ is closed to new replies.