Color of Facebook and Twitter icon when hovering

Hello,

on my webpage http://giantfox.nl/giant-vinden/ I have some issues with colors. On this page there is the employee section. Under the pictures there are the twitter and Facebook Icons. I want to have the hover color the same color as the icon’s.

How can I do that?

Thanks in advance.

Hello there,

Thank you for reaching out to us.

You can use this custom CSS code:

    .roll-team .team-social li a:hover {
      background-color: transparent !important;
    } 

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

Hi,

The solution is better than the original. I made the color blue instead of transparant. There is also one strange thing. When I approach the ring around the icon with the mouse, the inside color turns orange on http://giantfox.nl/giant-vinden/

However, the behavior is different with the frontpage. On http://giantfox.nl is the similar widget, but with the default colors. When hovering, the icons self turns white. I want to have this behavior as wel on http://giantfox.nl/giant-vinden/

Regards,
Quillermo

Thank you for getting back.

Please try this code:

    .roll-team .team-social li:hover a,
    .roll-team .team-social li a:hover {
      background-color: #4e9baf !important;
    } 

    .roll-team .team-social li a:hover .fa {
      color: #fff;
    } 

Regards,
Kharis

1 Like

Thanks!

This works as expected!

Regards,
Quillermo

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis