[theburgernerd]

Hi Themehorse,

I wanted to know if there was a way to have the color of the social icons remain colored and not just colored when hovered over? Or if there is a way to disable the hover feature on social icons so that the solid colors always remain?

I tried manually changing the .png images and uploaded them into the theme’s image files. But unfortunately there were no changes and the social icons stayed white except when hovered over. Does this technique work? And if so, am I doing something wrong or missing something?

Any help or coding you could provide would be greatly appreciated.

As always, thanks for your time.

Trevor

[Theme Horse Support Team]

Hi theburgernerd,
have the color of the social icons remain colored and not just colored when hovered over.
Paste below CSS code in the custom CSS options.

.social-profiles ul li.facebook a {
	background-position: 0 -40px;
}
.social-profiles ul li.twitter a {
	background-position: -40px -40px;
}
.social-profiles ul li.google-plus a {
	background-position: -80px -40px;
}
.social-profiles ul li.pinterest a {
	background-position: -120px -40px ;
}
.social-profiles ul li.linked a {
	background-position: -160px -40px;
}
.social-profiles ul li.tumblr a {
	background-position: -200px -40px;
}
.social-profiles ul li.vimeo a {
	background-position: -240px -40px;
}
.social-profiles ul li.my-space a {
	background-position: -280px -40px;
}
.social-profiles ul li.flickr a {
	background-position: -320px -40px;
}
.social-profiles ul li.you-tube a {
	background-position: -360px -40px;
}
.social-profiles ul li.rss a {
	background-position: -400px -40px;
}
.social-profiles ul li.dribbble a {
	background-position: -440px -40px;
}
.social-profiles ul li.wordpress a {
	background-position: -480px -40px;
}
.social-profiles ul li.deviantart a {
	background-position: -520px -40px;
}
.social-profiles ul li.aim a {
	background-position: -560px -40px;
}
.social-profiles ul li.github a {
	background-position: -600px -40px;
}
.social-profiles ul li.blogger a {
	background-position: -640px -40px;
}
.social-profiles ul li.stumbleupon a {
	background-position: -680px -40px;
}
.social-profiles ul li.skype a {
	background-position: -720px -40px;
}
.social-profiles ul li.foursquare a {
	background-position: -760px -40px;
}
.social-profiles ul li.picasa a {
	background-position: -800px -40px;
}
.social-profiles ul li.path a {
	background-position: -840px -40px;
}
.social-profiles ul li.slideshare a {
	background-position: -880px -40px;
}
.social-profiles ul li.paypal a {
	background-position: -920px -40px;
}
.social-profiles ul li.delicious a {
	background-position: -960px -40px;
}
.social-profiles ul li.lastfm a {
	background-position: -1000px -40px;
}
.social-profiles ul li.behance a {
	background-position: -1040px -40px;
}
.social-profiles ul li.netvibes a {
	background-position: -1080px -40px;
}
.social-profiles ul li.digg a {
	background-position: -1120px -40px;
}
.social-profiles ul li.reddit a {
	background-position: -1160px -40px;
}
.social-profiles ul li.mail a {
	background-position: -1200px -40px;
}
.social-profiles ul li.instagram a {
	background-position: -1240px -40px;
}

Thank you!

[Author]

Posts