Disable hover animation/ background on social icons?

[njmartell]

Is there a setting somewhere to remove the background fill on the social icon hover?

I managed to disable the rolling animation using this code found on the forum:

ul.social-icons li a:hover i {
  top: 0;
}

But I can’t seem to find anything regarding the fill.

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.social-icons li a:hover {
   background-color: transparent !important;
}

Thanks
Mohammad

[njmartell]

Thank you, that worked for the background color.

However, it seems that the icons flicker to white before switching back to their regular color when removing the mouseover.

Is there any way to fix this?

Thanks!

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue to check.
Thanks
Mohammad

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

ul.social-icons li:not(.sf-love) a {
  transition: none;
}

– Kyle

[njmartell]

Perfect. Thank you!

[Kyle – SUPPORT]

No problem 🙂