-
AuthorPosts
-
November 9, 2022 at 1:03 pm #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?November 9, 2022 at 3:20 pm #1371927Hey,
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,
YigitNovember 10, 2022 at 10:51 am #1372045Thank 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.November 10, 2022 at 7:38 pm #1372118Hi,
I adjusted it for your, please clear your browser cache and check.Best regards,
MikeNovember 10, 2022 at 9:37 pm #1372134Thank you very much. It all looks fine now :-)
November 11, 2022 at 8:07 am #1372155 -
AuthorPosts
- The topic ‘Custom social media icon not showing’ is closed to new replies.