Help Center View and edit global colors

View and edit global colors

Last Update: September 10, 2026

Why use global fonts and colors?

When you’re 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. 

Access your site’s global colors

From the WordPress Dashboard, navigate to Elementor>Editor.


In the ‘Jumpstart your web-creation‘ section, click “Customize” under Global Colors.



The list of global fonts appears. The canvas displays the different types of fonts.

The panel contains a list of global colors. The canvas shows how the colors will appear on screen. 

Note
You can also access Site Settings from the Elementor Editor. For details, see Configure Site Settings.

Edit your site’s global colors

To edit the global colors:

  1. Under Custom Colors, hover over the color swatch..

    • To delete the global color, click the delete icon (

      delete indicator

      ). You cannot delete any of the system colors.

    • To reorder the global colors, click the arrows icon (

      nnnnnn

      )

    • To change the color, click the swatch (

      color picker indicator

      )) the color picker and choose a new color.

  2. Click Save Changes.

To change the name of the global color:

  1. Click the name of the global color.

  2. Enter the new name.

Add a new global color

  1. Click Add Color. A New Item box appears.

  2. Enter a new name for the color. See, Edit the new color.

Have more questions?

Can’t find the answers you’re looking for? We’re more than happy to assist.

Contact support

Related Articles

On this page

Share this article