Archived topic
Lightweight social icon different color for each icon
7 replies · Started by Francesco on August 1, 2019
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;
}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;
}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.
If you want to change each one separately then yes you will need to use CSS
I have tried your code, it works. Thanks
Glad to be of help
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...
Glad you've figured out :)
