View and edit global colors

Global colors can be set and changed while editing pages, but they can also be viewed, added and changed from the global colors page.

Access your site’s global colors

To view your site’s global colors:

  1. From the Elementor Editor, go to Site Settings. The Site Settings panel opens.

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

Note: To view the global color previews in the canvas, plugin users will need to activate the preview feature from the WordPress dashboard. 

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 (). You cannot delete any of the system colors.
    • To reorder the the global colors, click the arrows icon ()
    • To change the color, click the swatch ()) 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.

Share it on social networks

Was this article helpful?

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page