Lightweight Social Icons individual colors

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

Thanks Leo, done.
I forgot this in my initial email.
This is a temp dev URL and the icons are at footer.

I only see a Facebook icon right now and I don't believe that's the color you'd want to change.

Can you add in YouTube as well?

Let me know :)

Sorry about that, the cache was hiding it...
We have now both of them.

Hi there,

try this CSS:

/* LSI Facebook */

.icon-set-lsi_widget-1 .lsi-social-facebook a,
.icon-set-lsi_widget-1 .lsi-social-facebook a:visited,
.icon-set-lsi_widget-1 .lsi-social-facebook a:focus {
    background-color: #3b5998 !important;
    color: #fff !important;
}

/* Facebook Hover */

.icon-set-lsi_widget-1 .lsi-social-facebook a:hover {
    background-color: #3b5998 !important;
    color: #fff !important;
}

/* LSI Youtube */

.icon-set-lsi_widget-1 .lsi-social-youtube a,
.icon-set-lsi_widget-1 .lsi-social-youtube a:visited,
.icon-set-lsi_widget-1 .lsi-social-youtube a:focus {
    background-color: #c4302b !important;
    color: #fff !important;
}

/* Youtube hover */

.icon-set-lsi_widget-1 .lsi-social-youtube a:hover {
    background-color: #c4302b !important;
    color: #fff !important;
}

Excellent as usual, many thanks!

You're welcome

this plugin just ignores any css

Most of CSS in LSI has !important added so you will need to be more specific in the CSS selector.

Please link us to the page in question if you need help with the code.