[Joaozinho]

Hi,

I have added the box social widget icons (facebook and twitter) on my website. These 2 icons also appear in the footer of the website.

However the icons are grey, and only show colour when you hover over with the mouse. We want for the colours to show all the time instead of the grey colour.

Is this possible? Thanks in advance

[Sakin]

@Joaozinho: If you want to remove from Footer then you can go to “Appearance => Theme Options => Social Links” and check on “Disable Social Links in Footer”.

To show the color all the time for Facebook and Twitter, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.social-profile ul li.facebook a {
	background-position: 0 -44px;
}
.social-profile ul li.twitter a {
	background-position: -44px -44px;
}

[Joaozinho]

Thanks a lot! 🙂

[Paul Magnanti]

This was very useful.

What would the corresponding values be for the following please?

Google+
Pinterest
Flickr
RSS Feeds

thanks

EDIT: Never mind. Figured it out. 🙂

[Sakin]

@pmagsco: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.social-profile ul li.google-plus a { background-position: -528px -44px; }
.social-profile ul li.pinterest a { background-position: -484px -44px; }
.social-profile ul li.flickr a { background-position: -440px -44px; }
.social-profile ul li.rss a { background-position: -88px -44px; }

[Author]

Posts