Replacing employe hover with another image?

can abybody help ?

Hello there,

To alter your first employee hover background with an image, you can use this CSS code:


.roll-team .owl-item .team-pop {
  background-color: transparent;
  background-size: cover;
  background-position: center center;  
  background-repeat: no-repeat;
}  

.roll-team .owl-item:nth-of-type(1) .team-pop {
  background-image: url('http://yoursite.com/path/to/your/employee-image.jpg');
}   

Replace http://yoursite.com/path/to/your/employee-image.jpg to your valid image URL path. You can upload your image into your site media library (Dashboard > Media > Add New).

For your other second and third employees, you will need to add this code:


.roll-team .owl-item:nth-of-type(2) .team-pop {
  background-image: url('http://yoursite.com/path/to/your/employee-image2.jpg');
}

.roll-team .owl-item:nth-of-type(3) .team-pop {
  background-image: url('http://yoursite.com/path/to/your/employee-image3.jpg');
}

To apply custom CSS code to your site, put it into Appearance > Customize > Additional CSS in your site dashboard.

Regards,
Kharis

Okey thanks thats, working and how do I remove the background color and the text of the hover ? thank you

Try adding this CSS code:


.roll-team .team-info {
  display: none;
}

Regards,
Kharis