Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #359508

    I’d like to disable all the fades on Enfold – they look pretty but from a usability point of view it means that the user has to wait a few seconds before seeing the content.

    I’ve found a few threads on here about removing fade, but it seems Enfold has evolved since then and the methods no longer seem to apply.

    Any suggestions?

    Thanks,

    Scott

    #359880

    Hey scottybowl!

    Are you talking about the loading animation for the images? Try this out, https://kriesi.at/support/topic/remove-portfolio-animation/.

    If it’s still not working then send us a link to your page so we can see what elements your referring to.

    Regards,
    Elliott

    #360044

    Hi Elliot,

    On our homepage for example: http://www.severnedgevets.co.uk/

    The slideshow fades in and so do the icons. I’d prefer not to have to wait for the user to scroll past before things appear, and also to have things in their final state immediately (rather than grow to size).

    Thanks!

    #360298

    Hey!

    Try this out for the icons, https://kriesi.at/support/topic/remove-iconlist-animation-effects/.

    And this for the gallery, https://kriesi.at/support/topic/remove-image-gallery-animation/.

    Best regards,
    Elliott

    #360694

    The CSS approach worked for the icons, but there is no reference to the JS mentioned in the gallery thread – is there a potential CSS tweak so I don’t to change the JS?

    Thanks in advance,

    #360954

    Hey!

    Actually the slideshow will display as soon as the images are downloaded. Try waiting a few seconds before you start scrolling and you’ll see it should be displayed.

    Regards,
    Elliott

    #365256

    Hi Elliot,

    Even after the images have been cached it takes a few seconds before showing the first slide (with all other images on the page instantly available). Any ideas?

    #365724

    Hi!

    I’m not seeing it on my end. I’ll flag this for the rest of our team to take a look.

    Cheers!
    Elliott

    #365742

    Hey!

    Try adding this code to the Quick CSS:

    .js_active .avia-slideshow li:first-child {
        visibility: visible !important;
    }

    Cheers! 
    Josue

    #365895

    That did the trick, thank you :) The fade still happens (which is fine) but it seems to trigger instantly now

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Disable all fades’ is closed to new replies.