Can I change login button graphic?

Hi,

Yes, you can use different icon by applying CSS to .theChampTwitchLogin selector and saving the CSS in Custom CSS option at Super Socializer > General Options page in admin area.

Your answer sound simple, but not all people are programmers.
Can you maybe provide some sample css and where to get the images (for the wide login buttons.)
Something like:
https://hootsuite.com/login

@dageci

Can you maybe provide some sample css

For example:

.theChampTwitchLogin{
    background: url('CUSTOM_TWITCH_ICON_URL') left no-repeat !important
}

You might be required to do some other CSS adjustments depending upon the CSS of your website overriding that of Social Login icons. You can drop an email at support[at]heateor[dot]com, if you need our help in customizing Social Login icons.

where to get the images

It depends on you. You can design the icons yourself, download from other website or buy these.

Hi,

I would appreciate if you could help me on this as well.

I would like to replace the default Facebook login icon with this image . I’m not sure if I did this correctly, but what I did is uploading this image to my media library and replace the url path of the following CSS code accordingly:

.theChampFacebookLoginSvg {
background: url(‘new icon url’) left no-repeat !important;
}

But there seems to be a dimension issue. According to Chrome Inspect Element, it seems that this image is 492x108px. Here, I’m not sure if the image is also bound by some kind of image box that applies to the original icon image. Could you please advise me on this?

Best regards,

John

Hi @jouriena,

Yes, you might be required to make adjustments in the dimensions of HTML element. If you want us to help you on this, drop an email at support[at]heateor[dot]com.