Hey BlewWeb,
You could download the icon here and upload it to your Enfold Theme Options ▸ Import/Export ▸ SVG Iconset and Iconfont Manager
Then add this snippet to your child theme function.php file or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function avia_add_custom_icon($icons) {
$icons['bluesky'] = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 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);
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $bluesky = array('bluesky' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://bluesky.com/", 'label' => __("Share on BlueSky",'avia_framework')));
    $args = array_merge($bluesky, $args);
    return $args;
}

Then add this css to your Enfold Theme Options ▸ Quick CSS

#top #wrap_all .av-social-link-bluesky:hover a {
	  color: #fff;
    background-color: #1185FE;
}

Then choose the icon in your Enfold Theme Options ▸ Your Social Profiles
You can also vote for this feature here.

Best regards,
Mike

Hey dogsbody,

Thank you for the inquiry.

The process should be the same for SVG icons. Create a folder called “svg”, place the “bluesky.svg” and “mastodon.svg” file inside, compress or archive the folder to a zip file and name it “social”, then upload it to the SVG Iconset and Iconfont Manager. You may need to delete the previous icons to avoid conflict.

— https://kriesi.at/documentation/enfold/svg-icon-sets/#use-svg-icon-files-to-create-svg-icon-set-quick-setup

Add this in the functions.php file to register the social icons:

function avia_add_custom_icon($icons)
{
    $icons['mastodon'] = array('font' => 'svg_social', 'icon' => 'mastodon');
    $icons['bluesky'] = array('font' => 'svg_social', 'icon' => 'bluesky');
    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;
}

View post on imgur.com

Best regards,
Ismael

Hi,
I tested your fontello-d73127ed.zip and added this php code to my functions.php

function 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

Hey Yaphoon,

Thank you for the inquiry.

You can use the avia_social_share_link_arguments filter in the functions.php file to add more icons to icons to social share box. Please check the link below for more info:

// https://kriesi.at/documentation/enfold/social-share-buttons/#display-custom-social-icons-in-social-share-box

Best regards,
Ismael

Hi,
1: try changing the date format at WordPress ▸ Settings ▸ General ▸ Date Format
2: Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
    if (isset($args['square-x-twitter'])) {
        $args['square-x-twitter']['label'] = __("Share on X", 'avia_framework');
    }
	if (isset($args['twitter'])) {
        $args['twitter']['label'] = __("Share on X", 'avia_framework');
    }
    return $args;
}

This will probably not show in German, feel free to adjust “Share on X” in the code above to German
3: try this css:

#top #socket .social_bookmarks .social_bookmarks_mail {
	display: none;
}

4: try this css:

#top .avia-post-nav {
	display: none;
}

Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
Typically when you add a new social profile following the documentation this is the correct code snippet that you should add to your child theme functions.php:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['line'] = array( 'font' =>'icomoon', 'icon' => 'ue900');
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['Line'] = 'line';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
// Add new icon to sharebox
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $tiktok = array('line' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://line.me/", 'label' => __("Share on Line",'avia_framework')));
    $args = array_merge($line, $args);
    return $args;
}

and then you would choose the new social profile from the options”

and then it will show on the front end:

I have done this for you.

Best regards,
Mike

Hi,

Thank you for the update.

First, you have to add this code in the functions.php file to register the Tripadvisor icon.

// Register tripadvisor icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['Tripadvisor'] = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
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['Tripadvisor'] = 'Tripadvisor';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'Tripadvisor' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

After that, go to the Enfold > Social Profiles, click the plus (+) symbol below the Facebook entry, select Tripadvisor from the dropdown, then add your Tripadvior account URL in the Social Icon URL field. Let us know if you need further assistance.

Best regards,
Ismael

Hey Jorge,

Thank you for the inquiry.

Are you referring to the URL in the twitter social icon? You can try this filter in the functions.php file to adjust the URL pattern.

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
            function avia_add_social_share_link_arguments($args)
            {
                global $post;
                $permalink = get_the_permalink($post->ID);
                $title = get_the_title($post->ID);
                $args['twitter']["pattern"] = 'https://twitter.com/share?text=' . $title  . '&url=' . $permalink;
                return $args;
            }

Best regards,
Ismael

Hey lauragrashoff,
The TikTok icon is not available on Fontello.com so you need to create it by finding an SVG and converting it on Fontello to create the icon font

The icon font will be black and white a colored SVG won’t work. But if you find a png with a transparent background then you can convert it here. For example I found a TikTok icon here and downloaded it as a SVG and then uploaded it to Fontello which converted it for me. This is the fontello-tiktok.zip file I’m using in this example.
Then to create the TikTok social profile follow the steps outlined here in our documentation.
For example, I added this code to the end of my child theme functions.php file in Appearance ▸ Editor, If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and allows you to export and import your custom code snippets to other sites that you may have or as a backup.

function avia_add_custom_icon($icons) {
$icons['tiktok'] = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

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);
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $tiktok = array('tiktok' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tiktok.com/", 'label' => __("Share on TikTok",'avia_framework')));
    $args = array_merge($tiktok, $args);
    return $args;
}

Then I enabled it at Enfold Theme Options ▸ Social Profiles ▸ Your social profiles

Now it shows on the frontend:

Now to add the on mouse-over color add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .av-social-link-tiktok:hover a{
    color:#fff; 
    background-color:#00f2ea; 
}

Now go to the theme options Enfold Theme Options ▸ Blog Layout ▸ Profile Links At The Bottom Of Your Blog Post and enable the TikTok item:

and now on blog posts when the share box shows TikTok will be included:

Best regards,
Mike

Hey Chris_85,

Thank you for the inquiry.

To add a new entry in the Social Button element, you have to use the avia_social_share_link_arguments filter. Please check the examples in the following threads.

// https://kriesi.at/support/topic/telegram-in-social-share-button/#post-1358871
// https://kriesi.at/support/topic/changement-couleur-et-police-ne-fonctionne-pas/#post-1344998
// https://kriesi.at/support/topic/tripadvisor-as-social-share-icon/#post-1286736

Best regards,
Ismael

Hi,

You can use the “avia_social_share_link_arguments” filter to adjust the label of the social sharing items. Please check the following examples in the link below.

// https://kriesi.at/support/search/avia_social_share_link_arguments/?avia_filter_search=yes&avia_search_forums=66&avia_search_dates=all&avia_search_include=no

To change the label of the Pinterest icon for example, you can use this filter in the functions.php file.

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
	$args['pinterest']["label"] = __("Share on Pinterest",'avia_framework');
	return $args;
}

Best regards,
Ismael

Hi Verena,

Your code in functions.php file should be looking as following at the moment

// Register tripadvisor icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['tripadvisor_icon'] = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
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['Tripadvisor'] = 'tripadvisor_icon';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'tripadvisor_icon' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

Please change it to following one

// Register tripadvisor icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['Tripadvisor'] = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
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['Tripadvisor'] = 'Tripadvisor';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);


//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'Tripadvisor' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

After that you may need to reset Tripadvisor icon in Enfold theme options > Social Profile.

If you only need to add Tripadvisor icon to social share and not social profiles, you can use the code as following

// Register tripadvisor icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['Tripadvisor'] = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'Tripadvisor' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

Best regards,
Yigit

Hi Verena,

Could you please try adding following code to Functions.php file as well

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'tripadvisor_icon' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

Best regards,
Yigit

Hey ehquionest,

Thank you for the inquiry.

You can use this snippet to add a new item in the social share section.

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['instagram']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue909');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'instagram' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.instagram.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

This one adds an instagram icon, but you replace the value in the array with your own.

Best regards,
Ismael