Jump to content


Photo

Social Media Icon Colors


Best Answer beauburgess , 21 June 2013 - 12:57 PM

Thanks for the quick reply Jason, but the Icon still seems to be gray! www.anescan.com

 

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 beauburgess

beauburgess

    Member

  • Members
  • PipPip
  • 13 posts
  • Country: Country Flag

Posted 20 June 2013 - 10:29 PM

I've tried to change the social media icons to color icons as outlined here: 

 

http://www.pagelines...dia-icon-color/

 

but I don't seem to be getting the desired result. I don't want the gray/color on hover, I just want the color full time.

 

Any advice is appreciated. 



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 21 June 2013 - 12:34 AM

Hi there,

 

As the icons are set using a sprint image, you'll need to adjust the px position in the css so the color version is permanently displayed like below. Entering -22 displays the full color image.

 

.icons .twitterlink {
    backgroundurl("./images/sprite-socialicons.png") no-repeat scroll -22px -22px transparent;
}


#3 beauburgess

beauburgess

    Member

  • Members
  • PipPip
  • 13 posts
  • Country: Country Flag

Posted 21 June 2013 - 12:57 PM   Best Answer

Thanks for the quick reply Jason, but the Icon still seems to be gray! www.anescan.com

 



#4 batman

batman

    Bat Learning

  • Members

  • 2075 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 June 2013 - 01:07 PM

Hi

Please you can try with

 

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