Stacked Cards

← All widgetsWidget 101 · emcp_custom_101

Elementor widget4 layouts7 content options24 style options4 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: stacked, cards, sticky, scroll, stack, parallax.

Setup guide

Open a page in Elementor, search the panel for Stacked Cards and drag it into a container.
Content › Cards: Card Layout, Stacking Effect, Sticky Top Offset, Peek Step (per card), Card Min Height, Cards, Title Tag.
Pick a Card Layout: Split (text left, image right), Split reversed, Image cover with text overlay, Text only. Each one is shown below.
Style tab sections: Card, Typography, Image. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Split (text left, image right)

Card Layout = split

Discover

We start by understanding your goals, audience and constraints.

Design

Wireframes become polished, on-brand interfaces.

Build

Clean, fast code shipped with tests and documentation.

Launch

We deploy, monitor and iterate with you.

Start a project

Layout

Split reversed

Card Layout = split-reverse

Discover

We start by understanding your goals, audience and constraints.

Design

Wireframes become polished, on-brand interfaces.

Build

Clean, fast code shipped with tests and documentation.

Launch

We deploy, monitor and iterate with you.

Start a project

Layout

Image cover with text overlay

Card Layout = cover

Discover

We start by understanding your goals, audience and constraints.

Design

Wireframes become polished, on-brand interfaces.

Build

Clean, fast code shipped with tests and documentation.

Launch

We deploy, monitor and iterate with you.

Start a project

Layout

Text only

Card Layout = text

Discover

We start by understanding your goals, audience and constraints.

Design

Wireframes become polished, on-brand interfaces.

Build

Clean, fast code shipped with tests and documentation.

Launch

We deploy, monitor and iterate with you.

Start a project

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Cards

Option	Type	Choices / range	Default	Notes
Card Layout `layout`	Dropdown	Split (text left, image right), Split reversed, Image cover with text overlay, Text only	split
Stacking Effect `stack_effect`	Dropdown	Scale down previous cards, Offset (peek) previous cards, Plain sticky stack	scale
Sticky Top Offset `top_offset`	Slider	min 0, max 300, px	80
Peek Step (per card) `card_step`	Slider	min 0, max 80, px	24
Card Min Height `min_height`	Slider	min 200, max 900, px/vh	420	Responsive
Cards `cards`	Repeater		4 items
↳ Kicker / Step `kicker`	Text		01
↳ Title `title`	Text		Discover
↳ Text `text`	Textarea		We start by understanding your goals,...
↳ Image `image`	Image
↳ Button Text `cta_text`	Text
↳ Button Link `link`	Link
↳ Card Background `bg`	Color
↳ Card Text Color `color`	Color
Title Tag `title_tag`	Dropdown	H2, H3, H4	h3

Style tab

Card

Option	Type	Choices / range	Default	Notes
Radius `radius`	Slider	min 0, max 80, px	24
Padding `pad`	Dimensions			Responsive
Border `border`	Border
Box Shadow `shadow`	Box shadow
Spacing Between Cards (scroll length) `gap`	Slider	min 0, max 200, px/vh	40
Default Card Background `default_bg`	Color		#f2f4f7
Default Text Color `default_color`	Color		#101828
Cover Overlay `cover_overlay`	Color		rgba(16,24,40,.5)

Typography

Option	Type	Choices / range	Default
Kicker Typography `kicker_typo`	Typography
Kicker Color `kicker_color`	Color
Title Typography `title_typo`	Typography
Text Typography `text_typo`	Typography
Text Spacing `text_gap`	Slider	min 0, max 60, px	14
Button Typography `btn_typo`	Typography
Button Text `btn_color`	Color		#ffffff
Button Background `btn_bg`	Color		#6a11cb
Button Hover Text `btn_color_h`	Color
Button Hover Background `btn_bg_h`	Color
Button Radius `btn_radius`	Slider	min 0, max 60, px	10
Button Padding `btn_pad`	Dimensions

Image

Option	Type	Choices / range	Default	Notes
Image Column Width `img_w`	Slider	min 20, max 70, %	50	Responsive
Image Radius (split) `img_radius`	Slider	min 0, max 60, px	16
Image Inset (split) `img_pad`	Slider	min 0, max 80, px	24
Image Filters `img_filter`	Css_filter

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_101" and a settings object using the keys above. Run get-custom-widget with id 101 for the full JSON spec.