-
Posts
-
Hi, I waited for Enfold 7.1 to raise this as I thought it might be a bug.
I want to add links to Mastodon and BlueSky from my site. I have added an SVG Iconset containing the two icons in the theme settings and these work fine for Pages and Posts. I can add them fine as icons.
I can’t however use these new icons under Social Profiles. I have tried everything to get them to show up and think I have read all the documentation and support pages but nothing seems to work.
Any help and advice please?
Thank you
Hey dogsbody,
These icons are not available on Fontello.com yet, please follow this thread and steps. Please note that it is for TikTok and you will need to change the “charter code” (ue800) to your icons.Best regards,
MikeHi,
I am using an SVG Iconset. Is this still possible?
I have tried many permutations of the code but nothing i am trying works. I currently have…
function avia_add_custom_icon($icons) { $icons['mastodon'] = array( 'font' =>'mastsky', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['mastodon'] = 'Mastodon'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);Thank you
Hi,
The “charter code” (ue800) is probably not correct, we would need to see the file. If you are using plain SVG files and not iconfont from Fontello.com then first convert it on Fontello
Best regards,
MikeHi Mike,
Here are all the files i have used… https://web.tresorit.com/l/sTaGz#ISRs5Y4FFyG88P4SW0Le_g
bluesky-brands.svg & mastodon-brands-solid.svg are the original svg’s I downloaded
Bsky-Mastodon.zip is the zip of svg’s which works great but doesn’t work for Social profiles
fontello-d73127ed.zip is the Fontello zip I have just created that doesn’t work and I don’t believe is SVG!?
Thank you in advance :-)
Hi,
I tested your fontello-d73127ed.zip and added this php code to my functions.phpfunction avia_add_custom_icon($icons) { $icons['mastodon'] = array( 'font' =>'mastodon-bluesky', 'icon' => 'ue800'); $icons['bluesky'] = array( 'font' =>'mastodon-bluesky', 'icon' => 'ue801'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['mastodon'] = 'mastodon'; $icons['bluesky'] = 'bluesky'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args){ $mastodon = array('mastodon' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://www.mastodon.com/", 'label' => __("Share on mastodon",'avia_framework'))); $bluesky = array('bluesky' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://www.bluesky.com/", 'label' => __("Share on bluesky",'avia_framework'))); $args = array_merge($mastodon,$bluesky, $args); return $args; }and this css to my quick css:
#top #wrap_all .av-social-link-mastodon:hover a{ color:#fff; background-color:blue; } #top #wrap_all .av-social-link-bluesky:hover a{ color:#fff; background-color:blue; }and they both show in my social profiles:
and in my “Profile Links At The Bottom Of Your Blog Post”
and in the header:
and in the “Share this entry” on blog posts:
please give this a try.Best regards,
Mike
- You must be logged in to reply to this topic.