Tagged: Adding icons
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!
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
you are AWESOME! Thank you so much for your time and expertise. (It works great)
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
close it! :)