Add colors for icons inside the footer

[myselfidem]

Hello,

 

How we can add colors for the icons Inside the footer for socialblock ?

 

Icons : Facebook ; Tweeter ; RSS and Gogole+

 

Thanks for the reply.

Edited July 1, 2014 by myselfidem (see edit history)

[dioniz]

In global.css find this:

.footer-container #footer #social_block ul li a:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    vertical-align: -5px;
}

add color to it like this:

 

color:#fff;

[myselfidem]

Thanks for your reply.

 

But, I would add each color for his proper icon.

 

How it can be done ?

[PSfever.com]

Thanks for your reply.

 

But, I would add each color for his proper icon.

 

How it can be done ?

I will use the syntax that Dioniz provided to follow up.

You will need to distinguish between different CSS classes 

Facebook

.footer-container #footer #social_block ul li.facebook a:before {}

Twitter

.footer-container #footer #social_block ul li.twitter a:before {}

RSS

.footer-container #footer #social_block ul li.rss a:before {}