Site Settings provide global defaults for colours, typography, buttons, form styles, and custom CSS — changes here affect the entire site without editing individual pages. Access via the hamburger menu (☰) in the top-left of any Elementor editor → Site Settings, or via Elementor → Site Settings in the WordPress dashboard.
Global Colours
Define a site-wide colour palette. These colour slots appear throughout the editor as named options in every colour picker.
| Slot | Description |
|---|---|
| Primary | The main brand colour used for headings, buttons, and highlights. |
| Secondary | An accent colour for secondary elements, borders, and backgrounds. |
| Text | The default body text colour. |
| Accent | An additional accent colour for links, icons, and UI highlights. |
| Custom Colours | Add unlimited additional named colours to the global palette. |
💡 Changing a global colour updates every element using that colour slot site-wide. This is the fastest way to rebrand the NativeChurch demo to your colours — update the 4 global slots and most of the site recolours automatically.
📖 Official Docs: Global Colours Documentation
Global Fonts
Define global typography presets that appear as named options throughout all widget Style tabs.
| Slot | Description |
|---|---|
| Primary | Default font for body text and general content. |
| Secondary | Font for headings and titles. |
| Text | Specific font for text widgets and paragraph elements. |
| Accent | Font for buttons, labels, and accent text elements. |
| Custom Fonts | Add additional named font presets. Each preset can set family, size, weight, style, line height, and letter spacing. |
💡 Changing global font families here is the quickest way to switch the NativeChurch demo from its default fonts to your own. All widgets that use a global font slot update immediately.
📖 Official Docs: Global Fonts Documentation
Global Typography Sizes
Set default font sizes for all standard HTML elements site-wide: Body, H1, H2, H3, H4, H5, H6. These act as the baseline before any per-widget overrides.
Theme Style
| Setting | Description |
|---|---|
| Background | Set the default page background colour or image site-wide. |
| Typography | Default HTML element font styling (body, headings) applied via CSS before any widget overrides. |
| Buttons | Set the default appearance of all Button widgets: background colour, text colour, border-radius, hover state, padding, and typography. |
| Images | Default border, border-radius, opacity, and CSS filter applied to all Image widgets unless overridden per widget. |
| Form Fields | Default background, border, text colour, placeholder colour, and focus state for all Form widget fields. |
| Headings | Per-heading-level (H1–H6) typography defaults. |
| Links | Default text colour and hover colour for hyperlinks. |
Custom CSS (Site-Wide)
Add custom CSS that applies to every page of the site. Access via Site Settings → Custom CSS. This is separate from the per-widget Custom CSS found in each widget’s Advanced tab.
Layout Settings
| Setting | Description |
|---|---|
| Content Width | The default maximum width of page content in pixels. Overrides the theme’s content width for Elementor pages. Default: 1140px. |
| Columns Gap | Default horizontal gap between columns on all pages. |
| Stretch Section | When a section is set to Stretch, it expands to the full browser width regardless of content width. |
| Page Title Selector | CSS selector used to hide the theme’s built-in page title on Elementor-designed pages (prevents double titles). |
📖 Official Docs: Site Settings Documentation