Footer social icon individual custom color

[Sujoy Banerjee]

Hi,
I need to give custom color for individual social icons in the footer . so far i have tried using the below custom css but its not working for some reason

.icon-facebook8{color:#4267B2;}
.icon-twitter2{color:#1DA1F2;}
.icon-youtube4{color:#FF0000;}
.icon-linkedin4{color:#0077B5;}
.icon-instagram5{color:#C6008E;}

[Veena]

Pls use this custom CSS –

#footer ul.social-list a i {
    color: #000;
}

[Sujoy Banerjee]

but this will apply same color on all the social icon , i need different color for each social icons

[Veena]

You can add custom CSS like this –

#footer a.facebook i {
    color: #fff !important;
}

[Sujoy Banerjee]

ok that did the job but the facebook social icon is not in the same alignment as with the other . Even in Invent demo site , its not in the same alignment

[Veena]

Pls add the below custom CSS –

#footer ul.social-list li {
    padding: 0;
}

[Author]

Posts