Search for: Log In Free Support [Support request] Lightweight social icon different color for each icon Home › Forums › Support › Lightweight social icon different color for each icon This topic has 7 replies, 4 voices, and was last updated 1 year, 4 months ago by Leo. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts August 1, 2019 at 5:42 am #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; } August 1, 2019 at 7:01 am #972951 DavidStaff 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; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 1, 2019 at 7:12 am #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. August 1, 2019 at 8:12 am #973123 DavidStaff Customer Support 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/ August 1, 2019 at 8:18 am #973128 Francesco I have tried your code, it works. Thanks August 1, 2019 at 8:20 am #973130 DavidStaff Customer Support Glad to be of help Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ October 19, 2019 at 2:56 pm #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… October 19, 2019 at 5:14 pm #1039285 LeoStaff Customer Support Glad you’ve figured out 🙂 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In