help center

Search
Close this search box.
On this page

View and edit global colors

Last Update: October 6, 2024

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. 

Note
For information about using global fonts, see View and edit global fonts.

Access your site’s global colors

To view your site’s global colors:

1 View and edit global colors 1
  • From the Elementor Editor, go to Site Settings. The Site Settings panel opens.
2 4 View and edit global colors 3

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

3 3 View and edit global colors 5

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:

vy8rM3HKf uRBBzuT9IkZKK EqX8Tw8udkw Zk6 DTobwJF3qEikYsbTrW69IPYCHsDV40JXg34WtFgvNtg5zsDNkZEkO7c9isxm Uf9BIESfcv76YUr v rDHtm5ZbV6 View and edit global colors 7
  1. Under Custom Colors, hover over the color swatch..
    • To delete the global color, click the delete icon (XGkcQFX0vIcz78DaCDyHq7WgGe me1b5Gh92NtS 09EtGlw0ffEPxkDu8WXY8IBOrk5pRwCYGKKUuDDMDFXX5l3seaDdiceRv0 vVKLlGIVo5GoPj8 SOQr7RHssd8WHB7LuiEPalAHYhN tt tmXw View and edit global colors 9). You cannot delete any of the system colors.
    • To reorder the the global colors, click the arrows icon (pQEC12kjisJokUbGM8R2RZkMSUKLToWsoHQKEIa Yo3pdMWP6EdtMt7OcWkUp920V8fcmKw zysRlU QbziQbpHYmL 7iuVIAfAjIvNjwF5hUioj6w QbNo5vBIKL2N4zUcwwt DEccivO4yQZOhg View and edit global colors 11)
    • To change the color, click the swatch (YPggaU5KwSBKmJjhYrk1 PqfqsThEI 6J7XPn4BSFPBCnrfFp 8InDmf RdzD 5NvRZW2azg9HNwfE unPy8vgVJ4Yl v3mTMberkr6MJsVkk4m9I2oVRSf4sZQNMrTVIBKxJ iVlnTDoeSkWYqu3g View and edit global colors 13)) the color picker and choose a new color.
      5 View and edit global colors 15
  2. Click Save Changes.
    image 7 View and edit global colors 17

To change the name of the global color:

6 View and edit global colors 19
  1. Click the name of the global color.
  2. Enter the new name.

Add a new global color

7 View and edit global colors 21
  1. Click Add Color. A New Item box appears.
    8 View and edit global colors 23
  2. Enter a new name for the color. See, Edit the new color.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!