• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

Remove all animation from wordpress at once

swamyji

Active member
May 2, 2022
262
91
28
Indore
www.codeair.in
Hello,

I am using "essentials wordpress theme" and i want to eliminate all the page animation and content animation at once. Is there any code or plugin which can be used in this case ?
The animations are pretty annoying and there are more then 40 pages in the website, its not that easy to select the page and remove all the animation from each and every single element one by one :)
 
Hello,

I am using "essentials wordpress theme" and i want to eliminate all the page animation and content animation at once. Is there any code or plugin which can be used in this case ?
The animations are pretty annoying and there are more then 40 pages in the website, its not that easy to select the page and remove all the animation from each and every single element one by one :)

To disable all elements animations in the site add this code snippet into Theme options > Layout > Advanced > Custom css:

CSS:
.animate-in,
.group-animate-in,
.animating {
    visibility: visible !important;
    opacity: 1 !important;
    animation-name: none !important;
    transform: none !important;
}

If you want to disable the animations on Mobile only:

CSS:
@media (max-width: 692px) {
  .animate-in,
  .group-animate-in,
  .animating {
    visibility: visible !important;
    opacity: 1 !important;
    animation-name: none !important;
    transform: none !important;
  }
}
 
  • Love
Reactions: swamyji
To disable all elements animations in the site add this code snippet into Theme options > Layout > Advanced > Custom css:

CSS:
.animate-in,
.group-animate-in,
.animating {
    visibility: visible !important;
    opacity: 1 !important;
    animation-name: none !important;
    transform: none !important;
}

If you want to disable the animations on Mobile only:

CSS:
@media (max-width: 692px) {
  .animate-in,
  .group-animate-in,
  .animating {
    visibility: visible !important;
    opacity: 1 !important;
    animation-name: none !important;
    transform: none !important;
  }
}
Not working :)
 

Forum statistics

Threads
79,463
Messages
1,142,962
Members
248,539
Latest member
amro2000000
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock