Updated on January 13, 2017
Simple Social Icons Genesis plugin provides options for setting icons' colors in its widget. However these colors apply to all the icons. We can add CSS to style individual social icons with matching colors as that of the network's official logo/branding.
Here's the CSS:
Love this Sri, thanks.
SSI was such a pain to go through every time and set these.
Nice handy reference here.
Thanks.
Excellent – thanks!
Glad I found this. Thanks, Sridhar.
Seems there’s been a change in the plugin. For anyone applying this but not getting it to work, please change “social” to “ssi.”
Ex
.simple-social-icons ul li.ssi-instagram a,
.simple-social-icons ul li.ssi-instagram a:hover {
background: #72493c !important;
}