Change colors for social icons about www HOT 9 CLOSED

"The current colors for the Instagram icon don't look exactly like the real colors."

can you explain this line?

from www.

See how the first image (Sugarlab's) looks different. The top of it is darker purple where it should be lighter blue.

Sugarlab's:
Example 1:
Example 2:

from www.

This is the technology we are using http://socialsharekit.com/, could you make research around it, showing how it can be implemented on the socialsharekit

from www.

The code for the Social Share Kit is in assets/dist/css/social-share-kit.css. You can modify this file to update the social icons.

GitHub

Adding the following to the end of the file will make the GitHub icon be black:

.ssk-github {
    background: #000
}

*You can add !important to the property if this code is above code that will override it.
**This will make the GitHub icon lighten on hover (which actually looks nice, but also can't be avoided when making it black)

Instagram

At the end of the file, there is .instagram_colour and .instagram_colour:hover. Editing them can improve the gradient background of the icon.

from www.

Thanks, for the insight.

from www.

How about something like this?

background: #3F60A5;

from www.

Sorry for the late response.

I do like that color a lot, even though it isn't the real icon background.

You could still use it, because I know it was really hard to do that exact thing before, so that could still work.

But it's all up to you.

from www.

The Instagram icon doesn't still look great, the color is still not same, the hover makes it worse. It's better without a background and then a hover over color of red or blue.

from www.

Seems okay now. I don't think hover colour changes are helpful, but they are present.

from www.