Manuals

Global Colours and Fonts on Your Elementor Website

·

Your website has a set of global colours and fonts saved in Elementor so that everything stays on brand. You never have to remember a HEX code or a font name, and if the brand ever changes, updating the global setting updates the whole site at once.

Using global colours

Wherever you see a colour option in Elementor, click the globe icon next to it. The list of saved global colours appears, and you simply pick the one you need.

Elementor Text Color control with the globe icon highlighted and the Global Colors list open
The globe icon opens your saved brand colours

Using global fonts

The same applies to fonts. Click the globe icon next to any Typography option and choose from the saved global fonts, such as Primary for headings and Text for body copy.

Elementor Typography control with the globe icon highlighted and the Global Fonts list open
The globe icon next to Typography opens your saved brand fonts

Quick tips

  • Always pick from the globals rather than keying in a HEX code, so your site stays consistent
  • The globals themselves live under Site Settings in Elementor, so a change there updates every page at once
  • If a colour or font looks wrong on one element, check whether a manual value has overridden the global

Still stuck? Ask a human and you’ll hear back within 24 to 48 hours.

all manuals