nathanmoulds

Each icon can be individually accessed in at least 2 ways….

The former is to edit the paths for each icon directly to URL for your own images. I advise strongly to make your icon image files the same pixel size as you have set in the Super Socializer settings.

In front.css Search for “Svg{background:url(” and you will be presented with one after another of examples like this one below which is specifically for Google+, but Facebook is “.theChampfacebookSvg{background:url(” and so on.

.theChampGoogleSvg{background:url(../images/sharing/sharing.png) -32px -32px;}

Replace the entire contents between the (….) for the “../images/sharing/..” with the URL to the image of your choice for each icon in turn.

Keep a copy of front.css to cover for updates.

The second and more robust…(this is specific for Google+, but a search in front.css will reveal the “.theChamp*****Svg” value for each social icon/network.

You can place following code at the end of “wp-content/themes/CURRENT_THEME/functions.php“

(in the root folder of your website) before ?> (if ?> is not there, simply place the code at the end of the file) and save the file back. CURRENT_THEME is your active theme/child theme.

function heateor_ss_custom_css(){
?>
<style type=”text/css”>
.theChampGoogleSvg{
background:url(<?php echo get_template_directory_uri() ?>/images/google.png) left no-repeat !important;
}
</style>
<?php
}
add_action(‘wp_head’, ‘heateor_ss_custom_css’);
<?php echo get_template_directory_uri()

?>/images/google.png will form the full path to the GooglePlus icon you want to display. You can modify it accordingly.