Team Member Hover Image Change

[danielb91]

Hello!

I would like to make the Team Members section change image for each team member on mouse hover.

How can I do that?

[admin]

Hi,
Thanks for contacting us and choosing our product!
Sorry but we don’t really understand about your question.
Do you want to change hover on a member and it will display other image of that member?
Currently can’t do it because it need to change PHP to set new image and change CSS and it need some code skill to do it.
If you want we can help you change some simple hover effect of image like scale image.

****
Regards,
HaruTheme

[danielb91]

Hello!

Yes, that was correct. I have two images of each team member, and I want on hover to change from image1 to image2.

Do you plan on adding this feature in the future?

In the meanwhile, please provide the hover effect code and instructions. Thanks.

[admin]

Hi,
Currently we don’t have plan to add the feature with 2 images.
You can add this to change some effect on image hover:

.teammember-shortcode-wrap.carousel .team-item .team-image {
    overflow: hidden;
    border-radius: 50%:
}
.team-item .team-image img {
    transform: scale(1.0);
    transition: .3s;
}
.team-item:hover .team-image img {
    transform: scale(1.1);
    transition: .3s;
}

Hope this helps!

***
Regards,
HaruTheme

[Author]

Posts