Disable animations in homepage

Hi,

If you would like to disable the animations only on the homepage you can use the below CSS in your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or you can add the CSS via Theme Options > General Settings > Scroll to: ‘Quick CSS’

.home-page .one-by-one-animated .start-animation .el-appear, 
.home-page .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.home-page .one-by-one-animated .start-animation .el-appear, 
.home-page .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

You will need to purge your website cache, front-end cache (Ctrl+F5) and purge any CDN to see the changes.

If you would like to disable them sitewide you can go to Theme Options > Miscellaneous > Option: ‘Site-Wide Animations*’ and select either ‘Disable on all devices’ or ‘Disable on mobile devices only’.

To override the post-content-masonry.php file in the KLEO Child theme you will need to create a folder title ‘page-parts’ within the Child theme and copy the file into it. You can then safely make any edits you desire and they’ll be automatically used.

Thanks,

Kieran