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

    I have successfully managed to create and upload a custom icon (TikTok) to the website.
    The new icon is showing correctly as a Font Icon and I can use it as content anywhere on the site.
    BUT it does not show up in the list of “Social Icon” under “Your social profiles”.
    In the functions.php I’ve added this:
    //social
    ‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
    ‘dribble’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
    ‘facebook’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
    ‘tiktok’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue800’, ‘display_name’ => ‘TikTok’ ),
    …..
    I did already try with and without “entypo-” but still no luck.
    What am I missing?

    #1371927

    Hey,

    Thanks for contacting us!

    I added following code to Functions.php file near line 46th

    
    // Register TikTok icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons['tiktokicon'] = array( 'font' =>'tiktok', 'icon' => 'ue800');
    return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    // Add TikTok icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    $icons['TikTok'] = 'tiktokicon';
    return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    

    And added following code to bottom of Quick CSS field in Enfold theme options > General Styling

    
    #top #wrap_all .av-social-link-tiktokicon a, 
    #top #wrap_all .av-social-link-tiktokicon a {
      color: #fff;
      background-color: #FE2C55;
    }
    

    Instructions on our docs – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

    You are currently not using a child theme, so the modification in Functions.php file will be overwritten when you update the theme. To make the changes update proof, please switch to a child theme – https://kriesi.at/documentation/enfold/child-theme/.

    Please review your website :)

    Best regards,
    Yigit

    #1372045

    Thank you – but we are not there yet:
    You made the TikTok-icon work but with the title: “tiktokicon”
    When I tried to rename the icon to “TikTok” everything went wrong and now it’s not showing anywhere.
    Please help and please rename the icon to “TikTok” so it shows on mouse over. Just like the Instagram icon shows “Instagram”.
    Thank you.

    #1372118

    Hi,
    I adjusted it for your, please clear your browser cache and check.

    Best regards,
    Mike

    #1372134

    Thank you very much. It all looks fine now :-)

    #1372155

    Hi,

    Glad @Mike and @Yigit helped! Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom social media icon not showing’ is closed to new replies.