{"id":38142,"date":"2023-08-08T17:36:37","date_gmt":"2023-08-08T14:36:37","guid":{"rendered":"https:\/\/help-center-reorg.site.strattic.io\/?p=38142"},"modified":"2026-01-28T12:26:51","modified_gmt":"2026-01-28T10:26:51","slug":"view-and-edit-global-colors","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/view-and-edit-global-colors\/","title":{"rendered":"View and edit global colors"},"content":{"rendered":"\n

Why use global fonts and colors?<\/h2>\n\n\n\n

When you\u2019re building a website, your fonts and colors should be the same across your entire site to improve the overall look and reinforce brand identity. If fonts and colors vary among pages or parts, your users can become confused. This can negatively impact user retention and may cost you sales. <\/p>\n\n\n\n

[callout type=”note”]For information about using global fonts, see View and edit global fonts<\/a>.[\/callout]<\/p>\n\n\n\n

Access your site\u2019s global colors<\/h2>\n\n\n\n


From the WordPress Dashboard, navigate to Elementor>Editor<\/strong>.
\"\"
In the ‘Jumpstart your web-creation<\/strong>‘ section, click “Customize” under Global Colors<\/strong>.
\"\"

The list of global fonts<\/strong> appears. The canvas displays the different types of fonts.

\"\"
<\/p>\n\n\n\n

The panel contains a list of global colors. The canvas shows how the colors will appear on screen. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

[callout type=”note”]You can also access Site Settings from the Elementor Editor. For details, see Configure Site Settings<\/a>.[\/callout]<\/p>\n\n\n\n

Edit your site\u2019s global colors<\/h2>\n\n\n\n

To edit the global colors:<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
    \n
  1. Under Custom Colors<\/strong>, hover over the color swatch..\n