DCI Vertical Marquee Widget for Elementor

DCI Vertical Marquee Widget for Elementor adds a stunning, scroll-reactive marquee cards section to your Elementor-powered website. Cards animate in a continuous loop — vertically or horizontally — and react to the visitor’s scroll direction in real time, creating an engaging, dynamic portfolio or gallery section.

Key Features

• Dual marquee direction — vertical (up/down) or horizontal (left/right) with a single click.
• Scroll-reactive animation — marquee direction reverses when the visitor scrolls up or down.
• Multi-column layout — 1, 2, 3, or 4 columns (vertical) / rows (horizontal).
• Card types — Tall, Square, and Short card heights, configurable per card.
• Per-card controls — individually toggle image, tag, title, description, and add a custom link.
• Alternate direction — odd columns/rows scroll opposite for visual depth.
• Pause on hover — optionally freeze the animation when the cursor is over the widget.
• Edge fade masks — smooth top/bottom or left/right gradient fades match your section background.
• Full styling — typography, colours, border radius, border, box shadow, hover states, and padding — all controlled from the Elementor Style tab without touching code.
• Section heading — optional title (with accent colour for inline <span>), subtitle, and description above the grid.
• Responsive — designed to work across desktop, tablet, and mobile breakpoints.

Requirements

• WordPress 6.0 or higher
• PHP 7.4 or higher
• Elementor 3.0 or higher (free version is sufficient)

Getting Started

1. Install and activate Elementor (free).
2. Install and activate DCI Vertical Marquee Widget for Elementor.
3. Edit any page with Elementor, search for „Vertical Marquee“ in the widget panel, and drag it onto your canvas.
4. Add your cards via the Cards repeater in the Content tab, configure layout options, and style everything from the Style tab.

Support

For support, feature requests, and bug reports please visit dreamcodeinfotech.com.