Site-wide design

Global Settings

Global Settings (also called the Site Kit) are the design decisions you make once and reuse everywhere — open them from the editor via the hamburger menu in the top-left, then Site Settings. Anything you set here becomes available as a one-click option inside every widget's color and font pickers.

Jump to

Site Identity

Site name, description and site icon (favicon) — separate from, but often kept in sync with, your WordPress General Settings.

Global Colors

A shared palette (default: Primary, Secondary, Text, Accent) that appears at the top of every color picker in every widget. Changing a global color here updates it everywhere it's used, instantly.

Global Fonts

Named typography presets (default: Primary, Secondary, Text, Accent) covering font family, size, weight and spacing, reusable the same way as Global Colors.

Theme Style — Buttons

Default typography, colors, border and padding applied to every Button widget and button-like element site-wide, so you only style buttons once.

Theme Style — Form Fields

Default styling for form inputs (text fields, textareas, selects) coming from this plugin's own widgets or compatible form plugins.

Theme Style — Images

Default border-radius and opacity applied to images across the site unless a widget overrides it.

Layout

Site-wide content width, default section spacing ("gaps" between elements), and breakpoint widths for tablet/mobile.

Background

A default page background (color, image, gradient or video) applied site-wide, behind your theme's own background.

Page Transitions

An animated preloader/transition effect shown while a page (or the editor preview) is loading.

Custom CSS

A free-text CSS box applied site-wide, for small tweaks that don't need a full child theme or code snippet plugin.

Global Settings live per-site (stored as a special "kit" behind the scenes) and are what gets bundled up if you export or share a design as a kit.