How to disable/remove Kleo Masonry animation?

[steeportaladmin]

I would like to disable kleo-masonry animation from my child theme.
From my understanding, the animation is defined in animations.css which is imported by shortcodes.css.
As such I attempted to load my own shortcodes.css which exclude animations.css using this approach

COPY CODE

function MyTheme_remove_scripts() {
 wp_deregister_style( 'kleo-shortcodes' );
 wp_register_style( 'kleo-shortcodes2', get_template_directory() . '/myshortcodeswithoutanimation.css', array(), '1.0', 'all' ); 
 wp_enqueue_style( 'kleo-shortcodes2' );    
}
add_action( 'wp_enqueue_scripts', 'MyTheme_remove_scripts', 10 );

The deregistration works, but my shortcodes is not loaded.
Strangely, kleo-shortcodes seems to load css from ‘wp-content/plugins/k-elements/assets/css/shortcodes.css?ver=1.6.0’

Any idea how I can get rid of the animation? It looks cool, but my user just want to see the content immediately.
Thanks!

[venturoutconsulting]

I am also not following this, can you include better instructions for pop up login with option not register and sign in with Facebook?

[steeportaladmin]

Hi, it’s actually an intranet site so I’m currently could not make it accessible online.
However, you can refer to Kleo site demo (http://seventhqueen.com/themes/kleo/blog/category/events) – what I want to achieve is to remove the “pop fadein” animation when the page is first loaded. Is it possible?

[Catalin]

Hello,

PLease add in your style.css file from your child theme this code:

COPY CODE

.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear
{
  -webkit-animation:none !important;
}

Let me know if this works.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[steeportaladmin]

Sorry for the late reply – Yes, it works nicely!

[Author]

Posts