← All widgetsWidget 246 · emcp_custom_246

Site Logo

Elementor widget5 layouts7 content options16 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: logo, site, brand, header, identity.

Setup guide

  1. Open a page in Elementor, search the panel for Site Logo and drag it into a container.
  2. Content › Logo: Layout, Link to Home, Custom Link (overrides home), Alternate Logo (sticky / dark header), Name Tag, Alignment.
  3. Content › Source: Site.
  4. Pick a Layout: Logo only, Logo + site name, Logo + name + tagline, Site name as text, Stacked (logo above name). Each one is shown below.
  5. Style tab sections: Logo, Text. Colours, typography and spacing set here are scoped to this widget instance.
  6. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Site is a live query (source: site). A "Site" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Logo only

Layout = logo

Layout

Logo + site name

Layout = logo-text

EMCP Widget DemosEMCP Widget Demos
Layout

Logo + name + tagline

Layout = logo-text-tagline

EMCP Widget DemosEMCP Widget Demos
Layout

Site name as text

Layout = text

EMCP Widget DemosEMCP Widget Demos
Layout

Stacked (logo above name)

Layout = stacked

EMCP Widget DemosEMCP Widget Demos

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

Logo

OptionTypeChoices / rangeDefaultNotes
Layout
layout		DropdownLogo only, Logo + site name, Logo + name + tagline, Site name as text, Stacked (logo above name)logo
Link to Home
link_home		Toggleon / offyes
Custom Link (overrides home)
custom_link		Link
Alternate Logo (sticky / dark header)
alt_logo		ImageShown when the widget sits inside an element with the class .emcp-dark or .elementor-sticky--active.
Name Tag
title_tag		Dropdownspan, H1 (front page only recommended), pspan
Alignment
align		Button groupLeft, Center, Rightflex-startResponsive

Source

OptionTypeChoices / rangeDefaultNotes
Site
site		QuerySource: site

Style tab

Logo

OptionTypeChoices / rangeDefaultNotes
Logo Width
width		Slidermin 20, max 600, px/%160Responsive
Logo Max Height
max_h		Slidermin 16, max 300, px
Radius
radius		Slidermin 0, max 50, px/%0
Filters
filter		Css_filter
Hover Filters
filter_h		Css_filter
Scale on Hover
hover_scale		Toggleon / off
Gap to Text
gap		Slidermin 0, max 60, px12
Invert Logo in Dark Context (no alternate logo)
invert_dark		Toggleon / off

Text

OptionTypeChoices / rangeDefaultNotes
Site Name Typography
name_typo		Typography
Site Name Color
name_color		Color#101828
Site Name Hover
name_color_h		Color
Tagline Typography
tag_typo		Typography
Tagline Color
tag_color		Color#667085
Text-only Mark Background
mark_bg		Color#6a11cb
Text-only Mark Color
mark_color		Color#ffffff
Show Initial Mark in Text Layout
show_mark		Toggleon / offyes

Add it with the MCP tools

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