Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 3, 2015 at 1:54 pm #390044
    CS@ABD

    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

    • This topic was modified 9 years, 10 months ago by CS@ABD.
    February 3, 2015 at 6:09 pm #390266
    Elliott

    Hi Christian!

    Try adding this to your custom CSS.

    .avia-caption-title, .avia-caption-content {
  animation: none !important;
}

    Best regards,
    Elliott

    February 3, 2015 at 6:56 pm #390296
    CS@ABD

    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

    • This reply was modified 9 years, 10 months ago by CS@ABD.
    February 4, 2015 at 1:45 pm #390720
    Ismael

    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

    February 4, 2015 at 2:50 pm #390747
    CS@ABD

    Hi Ismeal!

    thanks for your effort! The Fade-In is now working in all browsers. Thank you!

    Greetings
    Christian

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Full width slider Title and Caption Fade in’ is closed to new replies.