Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V32 released on August 31st 2023 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-mm_faq-2
FAQs

Have questions?
Search for answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Looking for Custom Development?
REQUEST A QUOTE


Other questions?
CONTACT US / LIVE CHAT

LIVE Chat 7 AM – 7 PM CT US – Get in touch here

ANIMATION

Configuring Animation in Theme Settings

FAQ

I don't want animation, where do I turn it off?

Animation on Scroll can be turned off globally in Theme Settings, under Animation

Theme Settings

There is 1 settings in Theme Settings for Effects: 3D Box Effect and Button Hover Effect

Animation

Modify the global settings for Animation on Scroll, including the option to disable globally or based on device type.

Animation on Scroll (AOS) is an effect on a website where the elements of the page animate as the user scrolls down the page. 

For the animation on scroll effect used in the POWER theme, we used the amazing javascript library of michalsnik.

Check out the demo page of aos to see all animation types in action.

theme-settings-animation-on-scroll

Animation → Disable Animation on...

disable-animation-theme-settings

Animation → Default Animation Type
  • Fade
  • Fade Up
  • Fade Down
  • Fade Left
  • Fade Right
  • Fade Up Right
  • Fade Up Left
  • Fade Down Right
  • Fade Down Left
  • Flip Up
  • Flip Down
  • Flip Left
  • Flip Right
  • Slide Up
  • Slide Down
  • Slide Left
  • Slide Right
  • Zoom In
  • Zoom In Up
  • Zoom In Down
  • Zoom In Left
  • Zoom In Right
  • Zoom Out
  • Zoom Out Up
  • Zoom Out Down
  • Zoom Out Left
  • Zoom Out Right


Additional Animation settings:

  • Default Delay: The animation delay in ms. Choose a value between 0 and 3000 (3 seconds)
  • Default Offset: Animations are triggered sooner or later. The unit for the offset in pixels. 
  • Default Duration: The duration of the animation in ms. 

After configuring the global animation settings, you will have the option to set the animation parameters for the modules and elements within the modules individually from the module settings. 

Helpful Link: How to incorporate animation on your website with POWER

Next Steps

After configuring the Animation settings, decide whether you want to overwrite the default images on the System Pages.

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.