---
title: "How to Add Image Sequence in Inner Column in Elementor?"
url: https://theplusaddons.com/docs/add-image-sequence-in-inner-column-in-elementor/
date: 2023-05-09
modified: 2026-09-19
lang: en
author: "Aditya Sharma"
description: "A sequence that fills the screen is dramatic, but often you want it smaller — the animation in one half of the row, the explanation in the other, both scrolling..."
image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Add-Image-Sequence-in-Inner-Column-in-Elementor_-1024x536.jpg
word_count: 711
---

# How to Add Image Sequence in Inner Column in Elementor?

## 

- The Plus Addons for Elementor Scroll Sequence widget places the animation in one column of a flexbox container while the text or other widgets scroll alongside it in the other column.
- Apply To > Inner Column does not work in version 6.5.0, so the post uses Apply To on Default inside a container column instead.
- The sequence uses a numbered set of images, one per frame, and the widget offers JPG, PNG, and WebP formats; 30 to 60 frames is described as a practical range.
- The child container’s Min Height drives the scroll distance and animation speed, and on mobile the container usually stacks so the sequence gets full width with the text below it.

A sequence that fills the screen is dramatic, but often you want it smaller — the animation in one half of the row, the explanation in the other, both scrolling together.

You can do that with the **Scroll Sequence** widget by putting it in one column of a flexbox container.

*To check the complete feature overview documentation of The Plus Addons for Elementor Scroll Sequence widget, [click here](https://theplusaddons.com/docs/scroll-sequence-elementor-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/image-scroll-sequence/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — the **Scroll Sequence** widget ships only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget's output disappears from the page entirely.- **Widget to enable:** **Scroll Sequence**, under **The Plus Addons > Widgets**. Search for it and turn the toggle on.- **Prerequisite:** a numbered set of images, one per frame. JPG, PNG and WebP are the formats the widget offers. More frames means a smoother animation and a heavier page — 30 to 60 frames is a practical range.- **Prerequisite:** enough scrolling room. The sequence is driven by the height of the section or container it sits in, so if that area is short, set a **Min Height** on it — otherwise there is nothing to scroll through.

> *The widget has an **Apply To > Inner Column** option that sounds like the one to use here. In version 6.5.0 it does not paint anything — see **Limitations**. Use the steps below instead.*

## Put the sequence in one column

- Add a flexbox **Container** to the page and set its **Direction** to the horizontal option, so its children sit side by side.- Add two child containers inside it. These are your two columns.- Drop the **Scroll Sequence** widget into the first one, and your text or other widgets into the second.- Leave **Apply To** on **Default**. Inside a container column, **Default** means that column.- Choose your frames with **Upload Type** — **Gallery** from the media library, or **Remote Server** from a folder.- Select the child container that holds the widget and give it a **Min Height** under **Layout**. That height is the scroll distance the sequence plays over.

![The Scroll Sequence panel with Apply To left on Default](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-apply-to.webp)

## How It Behaves

With the widget in the left column of a two-column container 400vh tall, the frame stepped from 1 to 10, 21, 32 and 40 as the page was scrolled, while the text column scrolled alongside it.

![An image sequence running in one column of a container while the other column holds text](https://theplusaddons.com/wp-content/uploads/2023/05/scroll-sequence-container-column.gif)

- The frames fill the column, not the screen, so a frame whose shape differs from the column will be letterboxed inside it.- The column's own height drives the animation. Make it taller for a slower, smoother run.- On mobile the container usually stacks, so the sequence gets the full width and the text moves below it. Check the stacked layout before publishing.

## Limitations

- **Apply To > Inner Column does not work in version 6.5.0.** In a column of a classic Elementor section, in a column of an inner section, and with an explicit column height, the widget adds its drawing area to the column but never draws a frame into it — the area stays at its default 300×150 size and remains blank at every scroll position.- In a flexbox container, **Inner Column** produces no drawing area at all, because there is no classic column for it to attach to.- Two sequences in two columns of the same row both work, but they double the number of images the visitor downloads.- There is no per-column speed control beyond the column's height.

## Troubleshooting

### The column is blank

If **Apply To** is set to **Inner Column**, change it to **Default**. That option does not render in 6.5.0.

### The sequence fills the whole row instead of one column

The widget is in the outer container rather than in a child container. Move it into the child that represents the column.

### The first frame shows but never changes

The column has no scrolling room. Set a **Min Height** on the child container that holds the widget.

### The two columns are stacked, not side by side

Set the parent container's **Direction** to horizontal, and check the **Width** of each child.

## Related Docs

- [Scroll Sequence Elementor Widget Settings Overview](https://theplusaddons.com/docs/scroll-sequence-elementor-widget-settings-overview/)- [How to Add Image Sequence on the Page Body in Elementor?](https://theplusaddons.com/docs/add-image-sequence-on-page-body-in-elementor/)- [How to Add Sticky Sections in an Image Scroll Sequence?](https://theplusaddons.com/docs/add-sticky-sections-in-image-scroll-sequence/)

## Frequently Asked Questions

**Q: What do I need before adding an image sequence in one column of Elementor?**
A: The Scroll Sequence widget from The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH is the key requirement, and it ships only in the Pro edition. It also needs a numbered image set, one frame per image, in JPG, PNG, or WebP. For smoother playback, the page notes that 30 to 60 frames is a practical range, but more frames also make the page heavier. The section or container must have enough height to create scrolling room.

**Q: Why does the image sequence fill the whole row instead of staying in one column?**
A: That usually means the widget is sitting in the outer container instead of the child container that represents the column. In a flexbox layout, the sequence belongs inside one child container, while the text or other content goes in the other child. The page’s setup keeps the animation confined to that column, and the column height becomes the scroll distance for the sequence.

**Q: Why is my inner column blank when I set Apply To to Inner Column?**
A: In version 6.5.0, Apply To > Inner Column does not render a frame. The widget may add a drawing area in some classic section layouts, but it stays at the default 300×150 size and remains blank at every scroll position. In a flexbox container it creates no drawing area at all because there is no classic column to attach to. Switching Apply To back to Default is the working path here.

**Q: How much scrolling space does an image sequence need in Elementor?**
A: The sequence needs real vertical room because its playback is driven by the height of the section or container it sits in. If that area is too short, there is nothing to scroll through and the animation will not progress properly. Setting a Min Height on the child container gives the widget a usable scroll distance, and making that container taller slows down and smooths out the run.

**Q: Why do two columns stack on mobile when I add an image sequence?**
A: That is normal behavior for this setup. On mobile, the container usually stacks, so the sequence takes full width and the text moves below it. The important thing is to check that stacked layout before publishing so you know how both columns behave on smaller screens. On desktop, keep the parent container Direction set to horizontal if you want them side by side.

**Q: Can I use two image sequences in two columns of the same row?**
A: Two sequences in two columns of the same row do work, but each one doubles the number of images a visitor has to download. That matters because image sequences are already frame-heavy by design, especially once you get into smoother ranges like 30 to 60 frames. If performance matters more than having motion in both columns, keeping only one sequence per row is lighter.