How to Add Image Sequence in an Inner Container in WordPress?

Key Takeaways

  • Scroll Sequence block from Nexter Blocks allows users to add image sequence animations to an inner container.
  • Users must set the z-index value of the container to 0 for the Scroll Sequence block to function properly.
  • To ensure sufficient scrolling space, users can set a minimum height for the container or use a Spacer block.
Table of Contents

Do you want to add an image sequence to an inner container in WordPress? With the Scroll Sequence block from Nexter Blocks, you can easily add an image sequence animation to an inner container only.

To check the complete feature overview documentation of the Nexter Blocks Scroll Sequence block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add two or more column section with the Container block from Nexter Blocks, then add the Scroll Sequence block in one column and follow the steps – 

Note: This option only works with the Container block from the Nexter Blocks.

1. Select the appropriate image source from the Upload Type section and add the images.

2. Then select Inner Container from the Apply To dropdown.

scroll sequence inner container

This will add the image scroll sequence to that container only.

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

If you don’t have long enough content in that particular container, then set a minimum height for the container or use a Spacer block to add long enough space for the user to scroll. 

scroll sequence inner container demo

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 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.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if the image sequence is not displaying correctly?

If the image sequence isn't displaying, check the z-index settings. Ensure the z-index value of the container is set to 0, while other content elements in the container should have a higher z-index. This is crucial for proper layering and visibility of the scroll sequence.

Can I use the Scroll Sequence block in a different type of container?

The Scroll Sequence block specifically requires the Container block from Nexter Blocks. It won't function correctly in other types of containers, so ensure you are using the correct block to achieve the desired effect.

What is the best way to ensure the image sequence scrolls properly?

To ensure the image sequence scrolls properly, set a minimum height for the container if the content is not long enough. Alternatively, you can use a Spacer block to create sufficient space for scrolling. This is important to provide a smooth user experience.

Is there a way to preview the Scroll Sequence block before publishing?

While the page does not explicitly mention a preview option, you can typically view changes in the WordPress editor. Make sure to save your progress and check the preview to see how the Scroll Sequence block appears before going live.

Last reviewed: April 14, 2026

Related Docs