Hi support team!
It is possible to adjust the transition speed of the caption title (of the slider full width). Let it fly in a little more slowly?
Thanks in advance!
Kind regards,
Frans
Hey Frans,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {
visibility: visible;
animation: caption-left 1s 1 cubic-bezier(0.1, 0.1, 0.1, 1);
}
the first number after the direction 1s is the duration of the animation, increasing this value will slow down thestart of the animation.
the next number 1 is the number of times the animation should repeat.
In cubic-bezier the first two numbers (0.1, 0.1) control the easing-in part of the animation, making it slower initially, I set these to the lowest numbers, from 0.9 to 0.1 so you should see a difference.
The last two numbers (0.1, 1) influence the easing-out part, ensuring a smooth finish.
If this is not slow enough for you then you should use a different animation like ease-in-out or ease-out.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you Mike, this works perfectly!
Have a very good New Year’s Eve!
Kind regards,
Frans
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike