team member images

[pleeman]

We would like to remove the social icons from the team member images and also remove the “view profile” link and instead allow users to click anywhere on the entire image to view the full profile.

Is this possible?

Thank you,

[pleeman]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.team-member figcaption .thumb-info > ul.social-icons {
  display: none;
}
.team-member figcaption .thumb-info {
  height: 100%;
  width: 100%;
}
.team-member figcaption a.view-profile {
  height: 100%;
  opacity: 0;
}

If you don’t want the grey hover either, add this:

.team-member figure.animated-overlay figcaption {
  background-color: transparent;
}

– Kyle

[pleeman]

Thanks Kyle, that worked, but we used to have a greyscale to color hover effect on the team images just like we have setup for portfolio items, but that has now gone away?

http://ajc.flywheelsites.com/portfolios/

[Kyle – SUPPORT]

That’s never been a feature of the theme so must have been custom?

– Kyle

[pleeman]

I must have lost that code somehow. Is it possible to do this with css for the team images adding to the code you have already provided?

[Kyle – SUPPORT]

Add this:

figure.animated-overlay:not(:hover) > img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

– Kyle

[pleeman]

Great! Thank you Kyle

[Kyle – SUPPORT]

No problem