Following up on Nikko’s hook, I found this thread and so here is the code you can add to the child theme functions.php so it doesn’t break with theme updates. This code is for multiple icons so edit as necessary (also, probably best to upload a custom font with the additional icons rather than overwriting the installed font as I did.)

// Houzz - Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['houzz']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue92d');
 	$icons['qq']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'uf1d6');
 	$icons['wechat']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'uf1d7');
	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['Houzz'] = 'houzz';
 	$icons['QQ'] = 'qq';
 	$icons['WeChat'] = 'wechat';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Thanks a lot! It almost looks like I want now, but it seems to be a slightly different background color around the image compared to the background color on the page. Can it have to do with the code that we added previously to make the width 100%:

.avia-content-slider .slide-image img {
    object-fit: cover;
    width: 100%;
}

From the screenshot above you can also see that currently there is a problem with different size on the round images on mobile. To solve it, I was thinking about to remove that code and change the two versions of the featured image to round and transparent png versions:
https://www.guttogjente.no/wp-content/uploads/2019/10/blueLG.png
https://www.guttogjente.no/wp-content/uploads/2019/10/darkLG.png
Do you think that will work if I bulk replace the featured images? I would also like to change the display on mobile on the blog sections on two other pages, https://www.guttogjente.no/ and https://www.guttogjente.no/spm-og-svar/

Thanks, Nikko! You are awesome! Appreciate a lot:) That solved it! However, when I tested it now, I discovered that when I submit the form on the front page https://www.guttogjente.no/on cellphone the reply message from the form is not displayed like it should, instead the screen view is scrolled below this message so it is only visible if the user scroll up again. Do you know how to fix that? I can not ask the person who made the code, because the company changed. I see that the last lines of the script is:

<?php if($_POST && $_POST['gform_submit'] == 1): ?>
        jQuery("html, body").animate({ scrollTop: 1100 }, "slow");
        <?php endif; ?>

If I remove those lines, I need to scroll down below the header to display the reply on desktop, because the form returns me the top of the page.

Hi Basilis,
Before we update to wordpress4.9.6, enfold4.4.1, For example, we add the following contents in “Enfold Child: Theme Functions (functions.php)”:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘wechat’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue801’);
$icons[‘tencent-weibo’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue802’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

Then, click”update file”, added content is saved and working properly. But now, we update to wordpress4.9.6, enfold4.4.1, click ”update file”, a message appears:
“Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.”
Added content (or, just delete some previously added content.) cannot be saved. (we have updated to php7.0, and the added content should be no grammatical errors, because they can add normally in cPanel>functions.php. )

Best regards,
xuzj

also the skype and wechat icons are not showing up on the front end

here is the shortcode

[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808

[av_font_icon icon='ue90d' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult

[av_font_icon icon='uf232' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808

[av_font_icon icon='uf1d7' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult

I have uploaded all 4 of my icons (with Iconfont Manager) and only the first 2 showing up

Awesome! Gracias. So with a few tweaks, this is the code that worked for me.

// WIEBO - Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['weibo']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue92b');
	$icons['qq']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'uf1d6');
	$icons['wechat']	 = array( 'font' =>'fontawesomeregular', 'icon' => 'uf1d7');
	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['Weibo'] = 'weibo';
	$icons['QQ'] = 'qq';
	$icons['WeChat'] = 'wechat';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

hi~Thanks for your reply
I add these code in the functions file of the child theme,but it doesn’t work.
Please have a look:

<?php

/*
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘icon_wechat’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘uF1D7’);
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[‘Icon Label’] = ‘icon_wechat’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
*/

And I would like I can choose this social share app in the blog layout->”Share links at the bottom of your blog post ”
How can I make it?

Got it. Hopefully this will help anyone else who also would like to add more than just one custom social media icon. Follow the tutorial linked above, and make your list of icons in functions.php like this (at least this is what worked for me by trial and error and guessing and hoping).

// Add new icons as options for social icons.
function avia_add_custom_social_icon($icons) {
	$icons['Baidu'] = 'baidu';
	$icons['Lenovo User Community'] = 'luc';
	$icons['Wechat'] = 'wechat';
	$icons['Weibo'] = 'weibo';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

This topic can be marked as resolved.

Hi Yigit,

Thanks for your reply.

For question 1, I have added this code
* {font-family: "Microsoft YaHei" !important;}

For question 2, I do it according your vedio but failed. It showed this hint: “Couldn’t add the font because the server didn’t respond. Please reload the page, then try again”.

I have tried many time with Enfold 3.4.2 and 4.3.1. But all showed the above hint. I checked someone have solved this problem by FTP way. But it marked as private. https://kriesi.at/support/topic/custom-icons-in-iconboxes/

For question 3, How to change the Social Icon and Blog Share Icon? You konw our Social media is Weibo, QQ, Wechat….. So I need to change it. It is very important to me.

Please help me solve it.

Hi!
I already upload the icons I want to add in my social profile,

View post on imgur.com

but when I applied the code you gave me to make them available on the social profiles:
——-
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘icon_name’] = array( ‘font’ =>’wechat’, ‘icon’ => ‘ue803’);
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[‘Icon Label’] = ‘renren’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

—–
something goes wrong, basically doesn’t work
just this new option appears “icon label” but no icon, no name..

View post on imgur.com

I’m adding here the customize codes and the icons names, in case I’m replacing the names wrong?

View post on imgur.com

View post on imgur.com

can you take a look please?
thank you in advance!!!!

Delia