Hello Envato Team,
I would like to change the transform animation of the title and caption in the full width slider to a simple fade in effect (without any horizontal movement =) )
However I don’t seem to be able to get this done by myself. Is there any way you can help me with this?
Greetings,
Christian
Hi Christian!
Try adding this to your custom CSS.
.avia-caption-title, .avia-caption-content {
animation: none !important;
}
Best regards,
Elliott
Hi Elliott!
Worked like a charm! Thank you very much!
Edit: Sorry. It seems I got excited a little too early: the fade in only works in firefox-based browser. chrome still shows the old horizontal movement.
Greetings,
Christian
Hi!
Please replace the code with this:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title, .avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content {
visibility: visible;
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
}
Best regards,
Ismael
Hi Ismeal!
thanks for your effort! The Fade-In is now working in all browsers. Thank you!
Greetings
Christian