-
Author
-
October 27, 2015 at 17:57 #84488MatthiasParticipant
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
October 27, 2015 at 18:13 #84491RaduModeratorHi,
Use this css code in wp-admin -> theme options -> general settings -> quick CSS
COPY CODEbody.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 solutionNovember 11, 2015 at 10:34 #86750MatthiasParticipantHi,
this code works best:
COPY CODEbody.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
November 11, 2015 at 16:12 #86794RaduModeratorHi,
You can disable animations for that page by using this code
COPY CODEbody.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 -
AuthorPosts
The forum ‘Bugs & Issues’ is closed to new topics and replies.