Global Settings

These tools modify the active Elementor kit, the same object you’d edit through Elementor → Site Settings. Changes propagate everywhere the kit is referenced (every container, every widget, every theme template).

Both require manage_options.

emcp-tools/update-global-colors

Replaces the kit’s color palette.

Input:

• colors: array of { _id, title, color }

The four standard colors are primary, secondary, text, accent, referenced by widget settings via globals/colors?id=primary etc. Custom colors get auto-generated IDs.

Returns: { success: true }.

Example:

{
  "colors": [
    { "_id": "primary",   "title": "Primary",   "color": "#2C1810" },
    { "_id": "secondary", "title": "Secondary", "color": "#D4A574" },
    { "_id": "text",      "title": "Text",      "color": "#6B5A4E" },
    { "_id": "accent",    "title": "Accent",    "color": "#B8895A" }
  ]
}

emcp-tools/update-global-typography

Replaces the kit’s typography presets.

Input:

• typography: array of { _id, title, typography }

Standard presets are primary (h1-style), secondary (h2-style), text (body), accent (button/caps). Each typography object follows Elementor’s typography group control shape: font_family, font_size, font_weight, line_height, letter_spacing, etc.

Returns: { success: true }.

Example:

{
  "typography": [
    {
      "_id": "primary",
      "title": "Headings",
      "typography": {
        "font_family": "Playfair Display",
        "font_weight": "700",
        "line_height": { "size": 1.15, "unit": "em" }
      }
    }
  ]
}

Tip

When prompting an AI to build a branded page, ask it to set globals first and then build the layout. Widgets that reference globals/colors/primary will respect whatever you just set, so the brand stays consistent across every section without repeating color values in every widget.