Rebrand Your Elementor Site’s Colors and Fonts with AI
Swap Elementor's global colors and fonts to your new brand in one approved change that keeps the rest of your Site Settings as they were.
Prerequisites
A connected site running Elementor 4.3 or newer (free is fine; on 4.3.4 and later, with Enable MCP access clicked under Elementor, Elementor MCP), the WPVibe plugin active, and a fresh backup, because this changes colors and fonts across the whole site. Updating Elementor's design variables also needs the Atomic Editor on (WP Admin, Elementor, Settings); the global colors and fonts work without it.
My WordPress site uses Elementor. I want to rebrand its colors and fonts to: colors [primary #hex, secondary #hex, text #hex, accent #hex] and fonts [heading font and body font, both Google Fonts]. If no Elementor abilities are listed, tell me to click Enable MCP access under Elementor, Elementor MCP in wp-admin, and stop. First find the active kit with the WP-CLI command option get elementor_active_kit, read its full Site Settings with post meta get [kit ID] _elementor_page_settings --format=json, and paste that whole JSON into the chat so I have it as the rollback. Show me a table with the current and new value for each global color and global font, and list any custom colors or Theme Style settings that use one of my old color codes. Wait for my approval before changing anything. elementor/update-page-settings replaces the kit's whole settings with what you send, so send back the complete JSON you read with only the approved values changed, keeping every other key and each item's _id, weights, and sizes. If the site has Elementor global variables, update the matching color and font variables with elementor/manage-global-variable; if that returns a 403 because the Atomic Editor is off, skip it and tell me. Afterward read the settings again and confirm only the approved values changed. Then search the _elementor_data of published posts, pages, and templates for my old color codes, case-insensitive, and list each page that still has one set by hand, so I can decide whether to switch it to a global.
Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:
Run the “Rebrand Your Elementor Site’s Colors and Fonts with AI” recipe from the WPVibe cookbook on my connected site.
Elementor keeps your brand colors and fonts in Site Settings, and every widget set to a global color or font follows them. On paper a rebrand is four colors and four fonts. In practice it means digging through the Site Settings panel, guessing which global the buttons use, and finding out afterward that some sections had their colors typed in by hand.
The AI reads your full Site Settings first and pastes them into the chat, so the old values are there to go back to. It shows you the current and new value for each global color and font, and nothing changes until you approve. Elementor saves Site Settings as one block, so the AI sends the whole block back with only your brand values changed: custom colors, type sizes, container width, breakpoints, and Theme Style stay as they were, and every widget that uses a global updates at once. Then it searches your pages’ Elementor data for the old color codes, because a color set by hand on one widget lives in that page’s own stylesheet and never follows a global.
Take a backup first: this is a site-wide change and it is live as soon as it saves. Keep the settings the AI pastes before the change; if something looks wrong, ask it to put them back. Works with free Elementor 4.3 or newer. On Elementor 4.3.4 and later, first click Enable MCP access under Elementor, Elementor MCP in wp-admin: until you do, Elementor’s abilities stay hidden from every AI tool. The same switch also opens Elementor’s own MCP connection to other AI tools. Updating Elementor’s newer design variables also needs the Atomic Editor on; without it the AI skips them and tells you.
Outcome
Your Elementor site's global colors and fonts set to the new brand, every other Site Setting unchanged, the old settings saved in the chat, and a list of pages with hand-set colors.