Lightweight social icon different color for each icon

[Francesco]

I’m trying to change the color for each icon in Lightweight social icon plugin.

However this seems almost impossible. There is an !important set on background that blocks any customization.

This is what I’ve tried so far in my child theme:

.lsi-social-twitter > a, .lsi-social-twitter > a:visited, .lsi-social-twitter > a:focus {
	background: #55acee !important;
}

[David]

Hi there,

you can change the background colors in the widget for each icon. The only time i have needed CSS is to set a transparent background.

If you do need to use CSS then make your selectors more specific by including the UL class e.g

.lsi-social-icons .lsi-social-twitter a, .lsi-social-icons .lsi-social-twitter a:visited, .lsi-social-icons .lsi-social-twitter a:focus {
	background: #55acee !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Francesco]

you can change the background colors in the widget for each icon

Can you explain how? If I change background color, every icon has the same background color. I need to change color one by one, I think yhis is possible only with css or am I wrong?

However I will try your code.

[David]

If you want to change each one separately then yes you will need to use CSS

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Francesco]

I have tried your code, it works. Thanks

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sarah]

you can change the background colors in the widget for each icon. The only time i have needed CSS is to set a transparent background.

Hi David,
Is it possible to see the CSS for turning all Lightweight Social icon backgrounds transparent?
Thanks
S

Got it sorted, can’t find the delete button for this inquiry…

[Leo]

Glad you’ve figured out 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts