Super Socializer
[resolved] how to change login buttons (9 posts)

  1. vavtaneja
    Posted 1 year ago #

    how can i change the login buttons to round buttons or other buttons.the square shaped buttons look very basic.


  2. Rajat Varlani
    Plugin Author

    Posted 1 year ago #

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

  3. jetlej
    Posted 6 months ago #

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

  4. Rajat Varlani
    Plugin Author

    Posted 6 months ago #

    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.

  5. jetlej
    Posted 6 months ago #

    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.

  6. Rajat Varlani
    Plugin Author

    Posted 6 months ago #

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

  7. jetlej
    Posted 6 months ago #

    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.

  8. Rajat Varlani
    Plugin Author

    Posted 6 months ago #

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

  9. nathanmoulds
    Posted 5 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.