Testimonial animation - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 28, 2016 at 10:50 pm #604145

jomtones
Participant

Minor point but I quite like the ‘pop’ animations on load for testimonial images.

For some reason they’re not working here. I’ve used ‘scrollers’ in columns instead of a grid as I preferred the format, but these still ‘pop’ in the demo. Any ideas?

March 29, 2016 at 7:06 am #604284
Ismael
Moderator
Hi jomtones!

Thank you for using Enfold.

The css transition is being applied the but the actual effect is not working.
```
.avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image {
    -webkit-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
```
Did you add any css modifications to the theme? Please try to update the theme to the latest version, 3.5.1.

Best regards,
Ismael
March 29, 2016 at 9:19 am #604312

jomtones
Participant

Thanks Ismael – yes, unfortunately there are loads of CSS modifications as I’m trying to match the style of a previous site!

I’ve updated to the latest Enfold version and the problem is still there. I also tried removing all custom CSS from the style file and refreshing, but still no animation :/ – or perhaps the animation is just firing early? If I refresh on the testimonial section, I get a hint of it! But it seems like the fading in effect is hiding the ‘pop’ effect.

March 30, 2016 at 3:45 am #604897
Ismael
Moderator
Hi!

Please try this in the Quick CSS field:
```
/*pop up animation*/
@-webkit-keyframes avia_appear {
  0%   { -webkit-transform:scale(0.5); opacity: 1;  }
  100% { -webkit-transform:scale(1); opacity: 1; }
}
@keyframes avia_appear {
  0%   { transform:scale(0.5); opacity: 1;  }
  100% { transform:scale(1); opacity: 1;  }
}
```
This should disable the fade in effect.

NOTE: Please increase the wp memory limit to at least 128M. Current limit is only 40M which may not be sufficient enough for theme.

Best regards,
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.