[GregK]

Hi,

First off, thank you very much for the theme and support!!

http://www.comfortablekitchen.com

I’d like my social icons to always be colored and not white and then colored on rollover.

If it’s possible to have the CSS code so when I add more icons the change will also take effect that would be amazing!

I tried to use this response but couldn’t figure it with the other icons.
Hi,

First off, thank you very much for the theme and support!!

http://www.comfortablekitchen.com

I’d like my social icons to always be colored and not white and then colored on rollover.

If it’s possible to have the CSS code so when I add more icons the change will also take effect that would be amazing!

Thanks again for your time
Greg

[Sakin]

@GregK: To make the social icons always color, 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; }
ul.social-profile li.pinterest a { background-position: -216px -43px; }
ul.social-profile li.rss a { background-position: -130px -43px; }

[GregK]

Hi Sakin,

The Facebook icon is still the same. The others worked perfectly

Thanks again for your help
Greg

[GregK]

I compared your code and removed the :hover from your CSS code for the facebook line and it’s fixed.

Thank you so much!!!!!
Greg

[Sakin]

@Greg: Cool. Thanks

[stephanieforrer]

I would like to make my icons this way as well but when I cut and paste the code provided it does not make my Instagram icon color, but the others work. thank you!

[Author]

Posts