-
Posts
-
Hello, can you tell me if and, if so, when a ‘Bluesky’ icon will be integrated into the social media profiles?
Thank you.
xelaNo, I did not. Just by adding svg-icons?
The thing is, I want to add this filer directly as a “social media profile” for the List in the header/footer of the page.
Thanks.you can use even colorized svgs if you just upload them to media-library.
On media-library list view – you see the ID of that svg file – note it for the code snippet:add this to your child-theme functions.php:
(change the 49551 to your ID)function avia_add_custom_icons($icons){ $icons['bluesky'] = array( 'font' =>'svg_wp-media-library', 'icon' => '49551', 'display_name' => 'Bluesky'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icons', 10, 1); function avia_add_custom_social_icon($icons){ $icons['bluesky'] = 'bluesky'; return $icons; } add_filter('avf_social_icons_options', 'avia_add_custom_social_icon', 10, 1);you will find then the bluesky at the end of the drop-down list where all the others are.
Important: pay attention that your uploaded svg file is not a svg with height/width settings but with viewport.or you can transform your svg on svgomg
css depends on the place where you show it – f.e. in the top header:
#top #wrap_all .av-social-link-bluesky:hover a { color: #fff; background-color: #1185fe; } #top #wrap_all .av-social-link-bluesky a svg * { fill: var(--enfold-header_replacement_menu_color); } #top #wrap_all .av-social-link-bluesky a:hover svg * { fill: #FFF }Hi,
Great, I’m glad to hear that. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
- The topic ‘Social media profiles — Bluesky’ is closed to new replies.