mothpre 0 Report post Posted February 9, 2011 Hello. I used this custom CSS to color the social icons. .icons .twitterlink {background-position: -22px -22px;} .icons .youtubelink {background-position: -44px -22px;} .icons .linkedinlink {background-position: -66px -22px;} .icons .facebooklink {background-position: -88px -22px;} .icons .rsslink {background-position: 0px -22px;} .icons .twitterlink:hover {background-position: -22px 0;} .icons .youtubelink:hover {background-position: -44px 0;} .icons .linkedinlink:hover {background-position: -66px 0;} .icons .facebooklink:hover {background-position: -88px 0;} .icons .rsslink:hover {background-position: 0px 0px;} All of them changes the color but the twitter one. I check with the firebug the position and it was ok 22px -22px http://holisticafact.com/ Share this post Link to post Share on other sites
cmunns 16 Report post Posted February 9, 2011 Your first line of code is not getting picked up. It still says for both hover and non-hover states -22px 0px You could try adding a more specific CSS, but in general where are you making the changes? WHAT CSS FILE? Share this post Link to post Share on other sites
mothpre 0 Report post Posted February 9, 2011 I'm making the changes at custom code on platform theme settings Share this post Link to post Share on other sites
mothpre 0 Report post Posted February 9, 2011 I just solve it by duplicating the first twitter line. I thought if it isn't picking the first line pick up the second .icons .twitterlink {background-position: -22px -22px;} .icons .twitterlink {background-position: -22px -22px;} .icons .youtubelink {background-position: -44px -22px;} .icons .linkedinlink {background-position: -66px -22px;} .icons .facebooklink {background-position: -88px -22px;} .icons .rsslink {background-position: 0px -22px;} It shouldn't be that way but it worked. If you have a suggestion for a correct code will be welcome. thanks for your help and attention. as always. Share this post Link to post Share on other sites
Kate 3 Report post Posted February 9, 2011 Hey Mateo - Unless my eyes deceived me, it looked like you had a PHP call in the CSS file... (It was showing up with the Web Developer extension for FF.) However, in Firebug, only one of the "twitterlink" declarations was showing up. Perhaps try deleting that PHP line and see if you then only need one line. Share this post Link to post Share on other sites
mothpre 0 Report post Posted February 9, 2011 Hey Kate, thanks you for your attention but I'm like a baby on all this about css, php, ftp, web developing etc. I don't know what are you talking me about. ... I let the custom code like I set it with the double twitter rule while I learn more about it. Thank you so much. This product have some difficult things but you all make life so much easy. ?™? Share this post Link to post Share on other sites