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

    Hi
    I have noticed an issue with popup animation on Firefox. The sections “blink” 3 to 5 times at page load.
    Please try this page: https://zombicide.com/en/pg/ultimate-survivors-2/ on FF, Chrome and others.
    The left and right portions of the page are set to use popup animations.
    This issue is only on Firefox and only when using popup animation.

    I guess this is the same issue presented here: https://kriesi.at/support/topic/enfold-blinking-in-firefox-45-0-1/
    I tried adding the CSS code submitted by Yigit but it didn’t fix it.

    Thanks

    #640084

    Hey Julien,

    Thank you for using Enfold.

    We can see the issue on firefox. Please try this in the Quick CSS field:

    .avia_transform .avia_start_delayed_animation.pop-up {
        -webkit-animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s;
        animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s;
        opacity: 1;
    }

    Remove browser cache or hard refresh the page.

    Best regards,
    Ismael

    #641380

    Hi Ismael
    The code you provided was already present in shortcodes.css
    The page still blinks.

    #642360

    Hi,

    The difference is the animation-delay property. Did you test it? Anyway, we added it in the Quick CSS field but it’s not being applied. Please deactivate all cache plugins in the network.

    Best regards,
    Ismael

    #643377

    Hi Ismael
    Yes, I tested it. You can look at the console and see it applied (style.css?ver=2 line 19)
    but it doesn’t solve the issue.
    (and when I look at the CSS console a few lines below, the exact same code is applied from shortcodes.css line 3177)

    #643828

    Hi,

    We found another thread with the same issue and the following css code fixed it:

    .avia_transform .avia_start_delayed_animation { 
    -webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards; 
    }

    Best regards,
    Ismael

    #644155

    yes! This one did it. (with an !important at the end or adding .popup to .avia_start_delayed_animation)
    Thank you!

    #644566

    Hi,

    Great, glad you got it working :-)

    Best regards,
    Rikard

    #650185

    Sorry fellas. I have the same issue. Could you publish the full correct CSS code to add please? The comment from Crimson-Guard is not clear enough for a fool like me ;-)

    #650200

    Hey!

    Here it is :-)

    .avia_transform .avia_start_delayed_animation.popup { 
    -webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards; 
    }

    Let us know if we can do anything else for you

    Best regards,
    Basilis

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.