Jump to content
Sign in to follow this  
zach110

Social Networking Icons Color

Recommended Posts

zach110

Hi, At the top-right of my site are the social networking icons (youtube, linkedin, facebook, twitter). When the curser is placed over them they become colorful. I like this! How can I make them stay colorful all the time? Thanks, Zachary http://creditrepairnow.net/

Share this post


Link to post
Share on other sites
Jean-Philippe

In Platform Pro panel control, go to Custom CSS rules and paste this piece of code :

.icons .twitterlink {background: url("../images/sprite-socialicons.png") no-repeat scroll -22px -22px transparent}
	.icons .facebooklink {background: url("../images/sprite-socialicons.png") repeat scroll -88px -22px transparent}
	.icons .linkedinlink {background: url("../images/sprite-socialicons.png") no-repeat scroll -66px -22px transparent}
	.icons .youtubelink {background: url("../images/sprite-socialicons.png") no-repeat scroll -44px -22px transparent}

I'm a CSS beginner but it should works. Have a good day. Jean-Philippe


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
zach110

Hi Jean, Thank you very much for your quick reply! Unfortunately this made the icons disappear entirely... Any other ideas? Thanks again! -Zach

Share this post


Link to post
Share on other sites
bryan-hadaway

The CSS should be correct. Are you adding this to Custom Code > Custom CSS? Thanks, Bryan

Share this post


Link to post
Share on other sites
zach110

Yes, I added it to Custom Code > Custom CSS. I have also tried deactivating plugins and clearing caches (wordpress and browser). As you can see, the icons have disappeared yet you can still click where they used to be and go to the linked pages. The CSS says transparent, is this the problem? Any ideas? http://creditrepairnow.net/ Thanks again for the help!

Share this post


Link to post
Share on other sites
Jean-Philippe

Ok, my fault. I should told you to copy the correct url. For example if you use the child theme:

.icons .facebooklink {background: url("[b]http://www.kankei.fr/wp-content/themes/platformbase[/b]/images/sprite-socialicons.png") repeat scroll -88px -22px transparent}

Just replace the blue text with your own correct repertory. Jean-Philippe


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
zach110

Silly me. Thanks for your quick and detailed response!!!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×