Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 9, 2025 at 2:21 am #1481030
    kevinraposo7

    Hello,

    I am trying to disable all fade animations on my website when the page first loads, but I can’t seem to find a good way to do this.

    For example, please review the page linked in my private content.

    When this page loads, the following elements fade in:

    1) The fullwidth easy slider
    2) The content slider
    3) The testimonials slider

    I want all of these elements to load as soon as the content is available without delay – no fade in, no animation.

    In the case of the fullwidth easy slider and content slider, there are no other elements that should load and therefore no reason for any fade to occur at all.

    In the case of the testimonials slider, there are multiple testimonials and they do need to fade in between each element, but i am hoping they can be loaded instantly and without delay.

    Thank you very much in advance for your help with this!

    Kevin

    April 10, 2025 at 5:03 am #1481108
    Ismael

    Hey kevinraposo7,

    Thank you for the inquiry.

    Did you set the Slide Animation > Slideshow Transition to Slide (sideways/up/down)? If so, you can add this css code to disable the initial fade-in transition of the slider.

    #top .avia-slideshow-inner li {
  opacity: 1 !important;
}

    This will not work if Fade is selected for the Slideshow Transition.

    Best regards,
    Ismael

    April 10, 2025 at 9:53 pm #1481157
    kevinraposo7

    Hi Ismael,

    Thank you for your response.

    I tried adding the code you provided to Quick CSS and changing from fade to sideways (up/down), but it doesn’t seem to work. In fact, now the text also animates in and out, which it never did before.

    Happy to provide admin access if it would help resolve the issue!

    Thanks,
    Kevin

    April 11, 2025 at 1:43 am #1481164
    kevinraposo7

    Hello there: my apologies, I completely forgot to clear my cache before testing. Your solution works well, the image flashes up on-screen immediately now with no animation.

    The only issue is that the text still animates by sliding in from left and right. How can I disable this as well?

    Thanks,
    Kevin

    April 11, 2025 at 5:26 am #1481174
    Ismael

    Hi,

    Thank you for the update.

    To disable the animation of the slider caption, please include this css code:

    .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;
  animation: none;
}

    Best regards,
    Ismael

    April 11, 2025 at 4:41 pm #1481197
    kevinraposo7

    Strange – that doesn’t seem to be working, even after clearing my cache this time. Any suggestions on what I might be doing wrong?

    Thank you very much!

    Thanks,
    Kevin

    April 12, 2025 at 6:39 am #1481217
    kevinraposo7

    Hey there,

    I think I have resolved this by utilizing Slider Revolution, but am wondering if there is any way to do the same for the content slider and testimonial slider – those are the only two parts remaining that I haven’t figured out.

    Thank you so much for your help!

    Kevin

    April 12, 2025 at 9:09 pm #1481256
    Mike

    Hi,
    Can you link to a page with the content slider and testimonial slider, I didn’t find them on your site.

    Best regards,
    Mike

    April 14, 2025 at 8:29 pm #1481332
    kevinraposo7

    Hi Mike,

    No problem – please see private content section for an example of a page on my website.

    Thanks,
    Kevin

    April 15, 2025 at 4:14 am #1481348
    Ismael

    Hi,

    Thank you for the update. Unfortunately, it’s not possible to disable the fade effect for the testimonial slider because this would also disable the slide transition. You may need to replace it with a content slider instead.

    Best regards,
    Ismael

    April 15, 2025 at 5:01 am #1481349
    kevinraposo7

    No worries, thank you.

    April 15, 2025 at 5:56 am #1481358
    Ismael

    Hi,

    You’re welcome! If you have more questions, please feel free to open another thread. Thank you for your patience and have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Disabling Fade Animations on Elements with Sliders’ is closed to new replies.