[Resolved] Background Color Ligthweight Social Icons

[Borja]

Hi, I want to put transparent background to the Ligthweight Social Icons. It’s possible? Because I have black and white background on the pages. Thanks!
Example:
http://www.quintetoenara.com/contacto/

[Leo]

Hi there,

Try this CSS:

.widget .lsi-social-icons.icon-set-lsi_widget-4 a, 
.widget .lsi-social-icons.icon-set-lsi_widget-4 a:visited 
.widget .lsi-social-icons.icon-set-lsi_widget-4 a:focus
.widget .lsi-social-icons.icon-set-lsi_widget-4 a:hover {
    background: transparent !important;
}

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

Let me know.

[Borja]

Hi! Thanks but it doesn’t work. Other solution?

[Leo]

Updated the code above. Give it another shot 🙂

[Borja]

Right! But no when the mouse is hover 🙈

http://www.quintetoenara.com/contacto/

[Leo]

Edited the code again. Should really work now 🙂

Let me know..

[Borja]

Perfect! Thanks! 🙂

[Leo]

You’re welcome 🙂

[Author]

Posts