Team – Remove Animation

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

Hello Mohammad,

I just upgraded to the newest Dante version. I did not modify your CSS.

Now it’s back to the zoom over images again. I clear my cache and all already. What can be causing this?

[ALDD]

This is what you left in my CSS. I also tested your above code but the darn animation still there which was working prior to update.

/*.team-member figure.gallery-style:hover img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}
.team-member figure:hover img {
    -webkit-transform:none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;

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

[Mohammad – SUPPORT]

Hi,
I have resolved the issue so please check .
Thanks

[ALDD]

Thank you once again for your assistance. Will this happen every time I upgrade the theme?

[Mohammad – SUPPORT]

Hi,
I hope that should not happen again.
Thanks 🙂
With Best Regards
Swift Ideas

[ALDD]

Forgot to mention that it’s working… 🙂

[Mohammad – SUPPORT]

Hi,
Its ok.
Thanks 🙂
With Best Regards
Swift Ideas

[northsidecreative]

Hello what is the correct CSS to remove animation from the team members?

I tried the code above but it didn’t work.

Cheers

[Mohammad – SUPPORT]

Hi,

@northsidecreative – Please use this custom css code:-

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

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

Thanks
Mohammad