Remove animation when hovering over Employee

Hi, I want to remove the animation while hovering over Employees and change the background color/border.
I also wish to make the images bigger.
Thanks

Hello there,

Please try the below CSS code to Appearance > Customize > Additional CSS from dashboard.

You may need to add some your adjustments and additions.

    .athemes_employees_widget .team-item-img { 
      margin: 0 5px 30px 5px;
      border-radius: 0;
    }

    .athemes_employees_widget .team-item-img img {
      max-width: 100%;
      border-radius: 50%;
      opacity: .7;
    } 

    .athemes_employees_widget .team-item:before {
      height: 100%;
      top: 0;
      opacity: 0;
      background-color: #fff000;
      border: 1px solid #000;
    }

    .athemes_employees_widget .team-item:hover:before {
      opacity: 1;
    }

I hope that helps. Let me know in new topics if you have any other queries.

Regards,
Kharis
aThemes Support

Hello, I have tried the css code, but it doesn’t work. Nothing changes. I have tried changing some values to see if something happened but nothing did.

Hello there,

Thank you for getting back.

Please check whether your site has an active caching and it should be flushed each time adding new code or some changes applied.

It would also be good to share a link to your page here, so I can inspect what is stopping the code from working. Perhaps I used incorrect CSS selector.

Regards,
Kharis
aThemes Support

Hello, i have tried again and it works this time. Thank you!

1 Like

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
aThemes Support