How to Add Image Sequence on the Page Body in Elementor?

Key Takeaways

  • Scroll Sequence widget from The Plus Addons for Elementor allows users to add image sequence animation to the page body.
  • Users must set the z-index value of the Scroll Sequence widget to 0 for proper layering with other page content elements.
  • A minimum height must be set for the container or section when using the Scroll Sequence widget with limited content.
Table Of Content

Are you looking to add Image Sequence on the page body in Elementor? Image sequences can be a great way to tell a story or showcase a product in a more dynamic way. You can use image sequence directly on the page body if you have limited content.

To check the complete feature overview documentation of The Plus Addons for Elementor Scroll Sequence widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

With the Scroll Sequence widget from The Plus Addons for Elementor, you can easily add an image sequence animation to the page body.

To do this, add a section or container (for flexbox), then add the Scroll Sequence widget there, then select Body from the Apply To dropdown.

Scroll sequence body

Then select the appropriate image source from the Upload Type dropdown.

This will add the image scroll sequence to the page body.

Note: When applying scroll sequence on the body, make sure to set its z-index value to 0 and use a higher z-index value on other page content elements.

If you don’t have long enough content on the page, then you have to set a minimum height for the container or section with the Scroll Sequence widget.

Scroll sequence body demo

Also, check How to Add Image Sequence in Inner Column in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the image sequence isn't displaying correctly?

If the image sequence isn't showing up, check the z-index settings. When applying the scroll sequence on the body, set its z-index value to 0 and ensure other page content elements have a higher z-index. This prevents the image sequence from being hidden behind other elements.

What is the best way to set up the Scroll Sequence widget in Elementor?

To set up the Scroll Sequence widget effectively, first add a section or container, then place the widget there and select 'Body' from the Apply To dropdown. This ensures the image sequence is applied correctly. Additionally, ensure your container has a minimum height if your content is limited.

Are there any limitations when using the image sequence on the page body?

One limitation is that if you don't have enough content on the page, you must set a minimum height for the container or section with the Scroll Sequence widget. This prevents layout issues and ensures the image sequence displays properly.

What happens if I forget to set the z-index for the image sequence?

If you forget to set the z-index for the image sequence, it may get hidden behind other elements on the page. Always set the z-index of the Scroll Sequence widget to 0 and ensure other content has a higher value to maintain visibility.

Last reviewed: April 11, 2026