Tagged: adjust, animation, fullscreen, slider, speed
Hello!
How can I adjust the speed for the animation of the texts that enter to the fullscreen slider?
Hi Tomas,
You can adjust it using Quick CSS, located in Enfold > General Styling, just add this code:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title {
visibility: visible;
-webkit-animation: caption-left 1s 1 cubic-bezier(0.985,0.005,0.265,1);
animation: caption-left 1s 1 cubic-bezier(0.985,0.005,0.265,1);
}
.avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content {
visibility: visible;
-webkit-animation: caption-right 1s 1 cubic-bezier(0.985,0.005,0.265,1);
animation: caption-right 1s 1 cubic-bezier(0.985,0.005,0.265,1);
}
.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button {
visibility: visible;
-webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985,0.005,0.265,1);
animation: caption-left 1.2s 1 cubic-bezier(0.985,0.005,0.265,1);
}
You’ll find the 1s which indicates the number of seconds just change it into something like 2s or 0.5s
Hope it helps.
Best regards,
Nikko
Thanks Nikko! very helpful!
have a good day
Hi TomasOliva,
Glad that we are able to help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko