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');
}
}
