Change Icon

[juliensalanave]

Hello team! Good day! Can I change icon on header banner which is the sf-icon-contact or the envelop icon into open envelop icon? What will I do. Your help is much appreaciated. Thanks.

Please see attached image.

-Billy

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please install and activate the supplied child theme, inside the child theme functions.php file paste this:

	// Header contact icon
	function sf_atelier_header_contact_icon_alt() {
		return '<i class="sf-icon-contact"></i>';
	}
	add_filter('sf_header_contact_icon', 'sf_atelier_header_contact_icon_alt');

You can then change the icon code <i class="sf-icon-contact"></i> to the one you want to use.

[juliensalanave]

What is the Icon code of sf-icon for open envelop? Tnx

– Billy

[David Martin – Support]

You can use any of these: http://fontawesome.io/icons/

Or http://swiftideas.com/documentation/icon-mind-icons/

So, you can use the fontAwesome example:

	// Header contact icon
	function sf_atelier_header_contact_icon_alt() {
		return '<i class="fa fa-envelope-open-o" aria-hidden="true"></i>';
	}
	add_filter('sf_header_contact_icon', 'sf_atelier_header_contact_icon_alt');

[juliensalanave]

How to update to the latest font awesome version. The fa fa-envelope-open-o class does not exist because the current version is outdated.

-Billy

[David Martin – Support]

Hi Billy, we will get that update in the next release.

In the meantime, add your FTP details and I can do it for you.