Why?!
Simple social icons does not know what your theme’s markup is outside the widget so it cannot apply sidebar/widget area specific CSS for different instances of the widget.
And how to fix this??
Add specific CSS for one of the widgets to your theme style sheet.
Do you have to add it for each button? I’ve tried adding specific CSS for the widget for the plugin and they aren’t changing.
OR, can I see it in action somewhere?
It would nice if this was added to the “to do” list for the plugin as most people will likely use it in multiple locations on the page.
If you aren’t planning on adding this functionality, I would like to suggest that you move the color settings out of the widget so there is no impression that you can control the colors for each instance of the widget.
It’s quite frustrating really.
I’ve tried adding specific CSS for the widget for the plugin and they aren’t changing.
You need to use more specific selectors to get your CSS to override the CSS included in the plugin.
It would nice if this was added to the “to do” list for the plugin as most people will likely use it in multiple locations on the page.
I have explained above why that is not on the to-do list. CSS specificity determines what final CSS is applied to an element. A widget has no way of know what the markup is outside of itself.