[Joaozinho]

Hi Sakin,

Can you give me the colour code for the facebook and twitter icons?
The icons are grey and only change colour when you hover over them with the mouse. But I want for them to have those blue colours permanently .

http://www.worldfootballguide.com/

Thanks!

Joao

[Sakin]

Hi Joao,

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

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

Regards,
Sakin

[Joaozinho]

Thanks it worked!

[Casper]

I’d like to do this too and it worked perfectly for Facebook and Twitter. Do you have the code for the rest of the icons or can you tell me where I can find it?

Thank you!

[Sakin]

Hello Casper,

Can you let me know the names of the icons that you want to change, then I can add in custom css.

Regards,
Sakin

[Casper]

Hi Sakin.

Pinterest
Youtube
Delicious
Vimeo
Instagram
Tumblr
Email
Meetup

Hope it isn’t too much of a hassle.

All the best!

[Sakin]

You can add the following css:

ul.social-profile li.pinterest a {
	background-position: -216px -43px;
}
ul.social-profile li.you-tube a {
	background-position: -87px -43px;
}
ul.social-profile li.delicious a {
	background-position: -689px -43px;
}
ul.social-profile li.viemo a {
	background-position: -345px -43px;
}
ul.social-profile li.instagram a {
	background-position: -775px -43px;
}
ul.social-profile li.tumblr a {
	background-position: -646px -43px;
}
ul.social-profile li.email a {
	background-position: -1119px -43px;
}
ul.social-profile li.meetup a {
	background-position: -1205px -43px;
}

[Casper]

Thank you so much Sakin!

It works flawlessly.

Could you give me the code for Flickr as well?

I’m so sorry I missed it the first time. I even double checked I got all of them but still missed it somehow.

Thanks in advance!

All the best!

[Sakin]

Here it goes for Flckr:

ul.social-profile li.flickr a {
	background-position: -431px -43px;
}

[Casper]

Thank you!

[Author]

Posts