Jump to content
Sign in to follow this  
mothpre

Twitter icon - does not change the color

Recommended Posts

mothpre

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

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

I'm making the changes at custom code on platform theme settings

Share this post


Link to post
Share on other sites
mothpre

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

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

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

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  

×