How to change Social Profile Icons Colors

Hello!

How could I change the colors of the Social Profile Sidney Plugin? I would like to put them white (avoiding the “primary color” of my site) and yellow when hover…

I’ve tried adding this code to Simple Custom CSS but it doesn’t work:

.social-menu-widget {
color: #ffffff;
hover: #ffff00;
}

Could you help? Thank you very much!

Javier

Hello again Javier,

You can change icons color when you edit holding row (wrench icon), and by selecting desired color, or you can use custom css code below in order to change both colors:

.social-menu-widget li {
    color: #ffcc00;
}

.social-menu-widget li:hover {
    color: #000000;
}

If this wont work for you, please share your page link so we can inspect this on your end, thanks.

All the Best!

Hello!

It didn’t work… :frowning:
I can change the color of the icons in the edition section… However, it is associated with “primary color” and I’d like to change the color of them (and to use de hover option). I’ve added the code you gave me in Custom CSS with no effect…

My site is: www.necrenovables.com
Don’t scream, please, I’m testing a couple of things before developing it :slight_smile:

Hope you could help me. Thanks!

Hello again,

Following code should work:

.widget_fp_social li a {
    color: #ffcc00;
}

.widget_fp_social li a:hover {
    color: #000000;
}

All the Best!

Hello!

Thank you. Now I can control those colors.

Regards,

Javier

You’re welcome Javier,

Bests!