Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Rajat Varlani


    Hi there,
    Just drop me an email at lordofthechamps[at]gmail[dot]com regarding this.

    Can you share that information here so others can know about it?

    Plugin Author Rajat Varlani


    Actually, this post is 11 months old when there was not any option in the plugin to change icon theme.
    In the latest version of the plugin, you can change the icon theme from Sharing Interface section at Super Socializer > Social Sharing page in admin panel.

    Thanks for the quick reply!

    I’m looking for a way to completely change the button for the login buttons. Not just rounding VS non-rounding.

    Plugin Author Rajat Varlani


    We can help you customize the social login icons, just drop an email at heateor[at]gmail[dot]com

    Thanks, that’s very nice to offer.

    In the meantime I decide to just dequeue your stylesheet and copy the rules into my theme so I can change them there.

    Plugin Author Rajat Varlani


    Okay, let us know if you need custom solutions in future.

    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”>
    background:url(<?php echo get_template_directory_uri() ?>/images/google.png
    ) left no-repeat !important;
    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘how to change login buttons’ is closed to new replies.