Simple Social Icons – Changing individual icon color

[Patrick]

Hi, does anyone know if there is a way to change the color and hover color of each icon individually for Simple Social Icons? That is, I'd like each icon to be its traditional colors instead of all being the same color.

Thank you!

http://officeliberator.com

[Brad Dalton]

In the widget settings this can be done. Simply change the hex color codes.

---

Tutorials for StudioPress Themes.

[Patrick]

I only see a way to change all the icons the same color, I'm trying to change the color of each individual icon. Unless I'm missing something. Could you be more specific? Thanks!

[Brad Dalton]

Add this to your child themes style.css file and change the hex color codes:

.simple-social-icons .social-facebook a:hover {
    background-color: blue!important;
}

Rinse and repeat for each button:

.simple-social-icons .social-twitter a:hover {
    background-color: blue!important;
}

---

Tutorials for StudioPress Themes.

[Brad Dalton]

Here's more on the topic http://wpsites.net/best-plugins/change-simple-social-icons-background-hover-color/

---

Tutorials for StudioPress Themes.

[Patrick]

That did it! Thank you!

[Author]

Posts