Issue with custom icon on team member

[bongobong]

I have got myself into a pickle with a custom icon I’m using on the team member.
Roll over a team member and you’ll see the icon, hover over that icon and you’ll see it change
http://cl.ly/image/1e2o2K1u4608
I’m wondering how I can see css to stop the second transition.
It’s messing with my head. I can’t work out how to stop it!

[Kyle – SUPPORT]

Hi

I would need to see your link to help you with that.

Also, in future please can you kindly name your topics, making it relevant to the question. ‘Pickle’ would not mean anything to anybody else who may be having the same issue as you and searching for answers. I’ve changed it for you 🙂

Thanks

– Kyle

[bongobong]

Sorry about that.

Can you have a look here:
http://reactiveroleplay.com/our-actors/

Hover over a team member and then hover over the icon;
It’s because I customised it. But I was just hoping to stop the second transition that is the problem.

[Kyle – SUPPORT]

Try this:

.page-id-256 ul.social-icons li:not(.sf-love) a:hover {
  background: none repeat scroll 0 0 transparent !important;
  color: #111;
}
ul.social-icons li a:hover i {
  top: 0!important;
}

– Kyle