[Support request] Lightweight social icon different color for each icon

Home Forums Support Lightweight social icon different color for each icon

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #972891
    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;
    }
    #972951
    David
    Staff
    Customer Support

    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;
    }
    #972961
    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.

    #973123
    David
    Staff
    Customer Support

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

    #973128
    Francesco

    I have tried your code, it works. Thanks

    #973130
    David
    Staff
    Customer Support
    #1039246
    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…

    #1039285
    Leo
    Staff
    Customer Support

    Glad you’ve figured out 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.