Word Count: 104
  • Post category:RE Collective (21)
  • Post last modified:2021-10-09

The default social icons may not meet the design requirements. These icons can be replaced with the required ones using JS.

In the example below, the icons fa-pinterest, fa-facebook and fa-linkedin are replaced by fa-pinterest-p, fa-facebook-f and fa-linkedin-in respectively.

if (jQuery('body').hasClass('single-post')) {		

	if (jQuery('.elementor-widget-share-buttons').find('.fab').hasClass('fa-pinterest')) {
		var el = jQuery('.fa-pinterest');
		el.addClass('fa-pinterest-p');
		el.removeClass('fa-pinterest');
	}

	if (jQuery('.elementor-widget-share-buttons').find('.fab').hasClass('fa-facebook')) {
		var el = jQuery('.fa-facebook');
		el.addClass('fa-facebook-f');
		el.removeClass('fa-facebook');
	}

	if (jQuery('.elementor-widget-share-buttons').find('.fab').hasClass('fa-linkedin')) {
		var el = jQuery('.fa-linkedin');
		el.addClass('fa-linkedin-in');
		el.removeClass('fa-linkedin');
	}

}