How to Change Our Team Social Icons in Zerif

We have a doc which allows you to change icons in footer by modifying the theme files, but that can't be done in with Our Team, as it will erase all the custom modifications done without child theme as soon as you'll update the theme, so here's how you can accomplish this using some JavaScript.

In this example, we will show how you can replace Behance's logo with Instagram. Please use the following function, to your child themes functions.php file.

	function custom_icon_script() {
?>
<script type="text/javascript"> 
jQuery(document).ready(function($) {
    $('.team-member .fa-behance').attr('title', 'Instagram');
    $('.team-member .fa-behance').addClass('fa-instagram').removeClass('fa-behance');
}); 
</script>
<?php
}
add_action('wp_footer', 'custom_icon_script');

That will do the job! Now don't get confused with icon classes. We (love and) use Font Awesome, so you can get all the classes from  their website.

For the Spanish version of this documentation you can check out this link: ¿CÓMO CAMBIAR LOS ICONOS DE LOS MIEMBROS DEL EQUIPO?.