Image Separator

← All widgetsWidget 194 · emcp_custom_194

Elementor widget5 layouts10 content options12 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: separator, image, overlap, divider, badge, floating.

Setup guide

Open a page in Elementor, search the panel for Image Separator and drag it into a container.
Content › Image: Image (PNG / SVG), Or Icon (when no image), Link, Alt Text, Overlap, Overlap Amount, Alignment, Horizontal Nudge and 2 more.
Pick a Motion: None, Float up and down, Slow spin, Pulse, Swing. Each one is shown below.
Style tab sections: Style. 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

None

Motion = none

Layout

Float up and down

Motion = float

Layout

Slow spin

Motion = spin

Layout

Pulse

Motion = pulse

Layout

Swing

Motion = swing

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

Image

Option	Type	Choices / range	Default	Notes
Image (PNG / SVG) `image`	Image
Or Icon (when no image) `icon`	Icon		fas fa-star
Link `link`	Link
Alt Text `alt`	Text
Overlap `position`	Dropdown	Straddle the section edge (centre), Pull up over the section above, Push down over the section below, No overlap	center
Overlap Amount `offset`	Slider	min 0, max 400, px/%	60	Responsive
Alignment `align`	Button group	Left, Center, Right	center	Responsive
Horizontal Nudge `hpos`	Slider	min -400, max 400, px/%	0
Motion `anim`	Dropdown	None, Float up and down, Slow spin, Pulse, Swing	none
Pop In on Scroll `reveal`	Toggle	on / off	yes

Style tab

Style

Option	Type	Choices / range	Default	Notes
Width `width`	Slider	min 20, max 800, px/%/vw	120	Responsive
Rotation `rotate`	Slider	min -180, max 180, px	0
Background (behind image / icon) `bg`	Color
Padding `pad`	Dimensions
Radius `radius`	Slider	min 0, max 50, %/px	50
Border `border`	Border
Shadow `shadow`	Box shadow
Icon Color `icon_color`	Color		#6a11cb
Icon Background `icon_bg`	Color		#f4ebff
Image Filters `filter`	Css_filter
Z-index `zindex`	Number	min 0, max 999	10
Scale on Hover `hover_scale`	Toggle	on / off

Add it with the MCP tools

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