Hi, I found some info and was able to accomplish this once before for one social platform, using an image, but haven’t been able to make it work on this site and not sure how to change the code for the functions.php file for 2 new icons. I’ve added the two images to the Media Libray – Spotify and Tik Tok:
Added this to functions.php file from this forum, for Spotify (not sure how to change code to add tiktok as well)
// We’ll use the Kriesi.at glyph for this example
function avia_add_custom_social_icon($icons) {
$icons[‘Spotify’] = ‘Spotify’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
Then I’ve added the css mentioned for both spotify and tik tok images as follows:
/*ADD SPOTIFY AND TIKTOK ICONS TO SOCIAL MEDIA ICONS */
#top #wrap_all .av-social-link-Spotify a:before{
content: “”;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url(http://eleinar9.sg-host.com/wp-content/uploads/2022/08/spotify.png) no-repeat center center;
background-size: contain;
}
#top #wrap_all .av-social-link-tiktok a:before{
content: “”;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url(http://eleinar9.sg-host.com/wp-content/uploads/2022/08/tik-tok.png) no-repeat center center;
background-size: contain;
}
I’m still not seeing either options under Social Profiles in Theme Options, so must have done something wrong – thought Spotify would show up there, but it isn’t.