Team – Remove Animation

[ALDD]

Hello,

My customer has requested to remove the animation completely in the team member section.

How can I do this?

This is what I have as custom code for Team:

.team-member figure.gallery-style img {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.team-member figure.gallery-style figcaption {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}
article.type-team .profile-image-wrap {
width: 35%;
}
article.type-team .article-body-wrap {
width: 60%;
}
.team-member figcaption {
  background: transparent !important;
}
.team-member-position {
  display: none;
}

Thank your input.
Antonio

[Mohammad – SUPPORT]

Hi,
Please try to remove transform attribute at css code.
Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

Hello, that didn’t work.

They simply don’t want to see no animation.

[Mohammad – SUPPORT]

Hi,
If you provide specific page url so i can debug to fix the issue very soon .
Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

Hello,

Here is the URL:

French:
http://goo.gl/lrb8Rw

English:
http://goo.gl/LCzkB4

Thank you,
Antonio

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:

.team-member figure.gallery-style:hover img {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.team-member figure:hover img {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

Hello, unfortunately that won’t work as it removes the name of the individual and LinkedIn icon in addition to making the image much bigger.

Is there another possible solution?

Thanks for advising.

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:

.team-member figure.gallery-style:hover img {
    -webkit-transform: scale(0.7) !important;
    -moz-transform: scale(0.7) !important;
    -ms-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
}
.team-member figure:hover img {
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px)!important;
}

Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

That doesn’t work…it only makes the image bigger and removes the individual name along with social icons. Animation is still there.

All I want is for the images to remain as is along with name and social icons. Just remove the zoom in.

[Mohammad – SUPPORT]

Hi,
If you provide wordpress admin login detail so i can debug to fix the issue very soon .
Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

This reply has been marked as private.

[Mohammad – SUPPORT]

This reply has been marked as private.

[ALDD]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have fixed your issue so please check with hard refresh [CTRL+F5]
Code Remark at style.css -:

/*.team-member figure.gallery-style:hover img {
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
}
.team-member figure:hover img {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);

.team-member figure.gallery-style:hover figcaption {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
}*/

Thanks

[ALDD]

5 Stars….thank you very much Mohammad!!!