Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 27, 2016 at 4:27 pm #639366
    Crimson-Guard

    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

    May 30, 2016 at 4:32 am #640084
    Ismael

    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

    June 1, 2016 at 11:09 am #641380
    Crimson-Guard

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

    June 3, 2016 at 5:12 am #642360
    Ismael

    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

    June 6, 2016 at 10:00 am #643377
    Crimson-Guard

    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)

    June 7, 2016 at 7:14 am #643828
    Ismael

    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

    June 7, 2016 at 3:54 pm #644155
    Crimson-Guard

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

    June 8, 2016 at 6:42 am #644566
    Rikard

    Hi,

    Great, glad you got it working :-)

    Best regards,
    Rikard

    June 18, 2016 at 4:37 pm #650185
    czig

    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 ;-)

    June 18, 2016 at 5:38 pm #650200
    Basilis

    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

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