Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1398405

    Hi!

    I’ve followed the instructions on this post: https://kriesi.at/support/topic/creating-a-new-social-share-icon-tiktok/
    Added your code to functions file
    Added the tiktok icon via the iconfont manager
    set up tictok in the social profiles
    display social links in the header.
    the tiktok icon is invisible in the header, but its space is linked.

    What the heck am I doing wrong??

    Thanks so much!

    #1398496

    Hey doug123,
    For your icon the font family was tiktok and the icon number was ue802
    This is the corrected code:

    function avia_add_custom_icon($icons) {
    $icons['tiktok'] = array( 'font' =>'tiktok', 'icon' => 'ue802');
    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['TikTok'] = 'tiktok';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    I also added the css for you:

    #top #wrap_all .av-social-link-tiktok:hover a, #top #wrap_all .av-social-link-tiktok a:focus {
      background-color: pink;
      color: white;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    #1398504

    you are AWESOME! Thank you so much for your time and expertise. (It works great)

    #1398517

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1398574

    close it! :)

    #1398576

    Hi,

    Let us know in another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘tiktok icon addition’ is closed to new replies.