This topic has 3 replies, 2 voices, and was last updated 9 years by Radu.

  • Author
  • #84488
     Matthias
    Participant

    Hi,

    How can I disable the animation when the posts appear: http://ouiaremakers.com/tutoriels/

    I use the Kleo post elements.

    It’s causing display issues.

    Thanks

    #84491
     Radu
    Moderator

    Hi,

    Use this css code in wp-admin -> theme options -> general settings -> quick CSS

    COPY CODE
    
    body.page-id-7247 .kleo-transform .one-by-one-animated .start-animation .el-appear, 
    body.page-id-7247 .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,
    body.page-id-7247 .kleo-transform .start-animation.el-appear {
        -webkit-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    

    Let me know

    Best Regards

    Radu

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

    Hi,

    this code works best:

    COPY CODE
    body.page-id-7247.kleo-transform .one-by-one-animated .start-animation .el-appear, body.page-id-7247.kleo-transform .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;
    }

    Also, for the “Post Grid” visual composer element (http://ouiaremakers.com/tutoriels/) how can I disable the animation and change the color of the read more button for each post (the read more button, here “Lire plus”) ?

    Thanks for your help Radu

    #86794
     Radu
    Moderator

    Hi,

    You can disable animations for that page by using this code

    COPY CODE
    
    body.page-id-7247.kleo-transform .one-by-one-animated .start-animation .el-appear,
    body.page-id-7247.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,
    body.page-id-7247.kleo-transform .start-animation.el-appear,
    body.page-id-7247.animated, .zoomIn {
        -webkit-animation: none !important;
        -o-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    

    Regarding the button color i cannot see that button in page, please provide a screenshot that pointing out the button

    Cheers

    RAdu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?