Hi,
I am using the JCH Optimize plugin and found that the avia_fade_move_down animation is not working, when the ‘remove unused CSS’ function is enabled in JCH. It only starts working when hovering the mouse over the website/browser.
Now, in JCH, I can state dynamic selectors to be excluded from being removed, but I can’t seem to find the correct CSS that is enabling this animation. I did see that #top .scroll-down-link
has the CSS animation: avia_fade_move_down 2s ease-in-out infinite;
, but exluding this selector #top .scroll-down-link
alone is not working. I then digged a bit further and found that maybe I needed also to exlude avia_fade_move_down
, since this is calling for the animation but that is not working as well.
Can anyone tell me what needs to be excluded? So what CSS needs to present for the avia_fade_move_down animation to work?
Thanks
Hi wzshop,
We apologize for the delayed response.
The avia_fade_move_down animation is defined in css > shortcodes.css, try to exclude that css.
Or you can try to re-add this CSS:
@-webkit-keyframes avia_fade_move_down {
0% { -webkit-transform:translate(0,-20px); opacity: 0; }
50% { opacity: 1; }
100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes avia_fade_move_down {
0% { transform:translate(0,-20px); opacity: 0; }
50% { opacity: 1; }
100% { transform:translate(0,20px); opacity: 0; }
}
Best regards,
Nikko
Hi, thank you!
It does not seem to work correctly though. The programmer of the plugin acknowledged that, so we are looking for a solution now!
Thanks, WZ
Hi wzshop,
We are happy to hear that the programmer of the plugin is looking for a solution.
I hope the CSS code posted above or the shortcodes file would help improve the plugin.
Best regards,
Nikko