Social media icon help

Hello, I need some help changing the color of my social media icons. I know this can be done through the customize options. My only issue is that i need them to be different colors depending on where they are located.

I need the icons on the footer to be white.
Also, I need the icons on the sidebar, located on the blog, about and contact page, to be blue (#219ad7)

Any help is greatly appreciated!


Hi, Please try to use this css code below:

.social-widget li a::before {
    color: #219ad7;

#sidebar-footer .social-widget li a::before {
    color: #FFF;

That’s it right there! thank you so much!