Replace toggle icon with another entypo-fontello font OR use a png

hmm, isn´t that jut dor the mobile menu icon.
I can change the mobile_menu icon with your code.

I need to change the “star” symbol which has the charactercode ue808

That is was I tried as well.

Ok know it is working in the Template editor. That´s good. I use CSS to make place some own icons.
There it isn´t working.

.icon-cancel::before {
content: “\e808”;
}
still the star is showing. – I think there is no solution

Oh you will be shocked – the Enfold is completely Customiced.

Hi there – I´m back!

I saw that I could remove the “supersticky icon” …. But now – the same Problem is to remove the “sticky”
This code won´t work::

function avia_replace_mobile_menu_icon($icons) {
$icons[‘sticky’] = array( ‘font’ =>’star-empty’, ‘icon’ => ‘ue998’);

return $icons;
}
add_filter(‘avf_default_icons’,’avia_replace_mobile_menu_icon’, 10, 1);

Hi – you allready found a solution above. But know its not possible to place any new icon…
I think i have to insert the secondary iconfont external.

Sorry I deleted my new fonts. SO i tried to upload again new fontello fonts.

1. In my style css I like to handle the new icons for customiced templates:

.icon-related::before {    content: "\e800";   }
.icon-cancel:before {   	content: "\e808";  }
.icon-techdetails::before {     content: "\e930";  }

But tis code are allready set standard

2. in my functions.php I tried the code Line 156:

function avia_replace_mobile_menu_icon($icons) {
	$icons['supersticky'] = array( 'font' =>'star', 'icon' => 'ue999');
	$icons['pinterest'] = array( 'font' =>'pinterest', 'icon' => 'ue998');
	
	return $icons;
}
add_filter('avf_default_icons','avia_replace_mobile_menu_icon', 10, 1);

Nothoing helps! I´m at the End.

OUH no not really?? – i just forget to set the Font-family??
Hell – sorry about that.

And thank you very much for your help !!!

Hi Kriesi team.

Thank for the awesome theme (Enfold). I’ve tried to find a solution for my issue for a few hours now but I’m not sure I can manage it myself.

I have changed the “scrolldown” icon, that wsn’t difficult, I have just changed the icon number:

‘scrolldown’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue86f’),

I’m wondering if I can
a) change the colour of this icon
b) can I use a custom image instead of the icon (e.g. a png I made), and if so, how I add it to the code.

Your help would be greatly appreciated as I really am lame with coding.

Thanks in advance.

Hi Josue,
Thanks for getting back to me. You can find the link to the site in question below. The icon I’d like to change is the down arrow right at the bottom of the first section (with the video background) of the page.

Your help is much appreciated.

Best,

Matt

• This reply was modified 7 years, 8 months ago by equio.

Thank you, Josue,

I’ll try that and will get back to you.

Cheers

Hey Josue,

Thanks for your help, it worked like a charm.

Cheers,

e.