> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/gofiz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/gofiz/setting/color.md).

# 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:**

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/UzIy44gRLX67TimvbASE/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/SGkBLMWf9bTpZv4hBGva/image.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/xQiY21J8N2wbRzGroyyB/image.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/R9hLVLl4DGr6TIFHTvjc/image.png" alt=""><figcaption></figcaption></figure>

### Edit your site’s global colors

**To edit the global colors:**

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](https://lh4.googleusercontent.com/XGkcQFX0vIcz78DaCDyHq7WgGe_me1b5Gh92NtS_09EtGlw0ffEPxkDu8WXY8IBOrk5pRwCYGKKUuDDMDFXX5l3seaDdiceRv0_vVKLlGIVo5GoPj8_SOQr7RHssd8WHB7LuiEPalAHYhN_tt-tmXw)). 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](https://lh6.googleusercontent.com/pQEC12kjisJokUbGM8R2RZkMSUKLToWsoHQKEIa-Yo3pdMWP6EdtMt7OcWkUp920V8fcmKw-zysRlU_-QbziQbpHYmL_7iuVIAfAjIvNjwF5hUioj6w_QbNo5vBIKL2N4zUcwwt-DEccivO4yQZOhg))
* To change the color, click the **swatch** (![YPggaU5KwSBKmJjhYrk1 PqfqsThEI 6J7XPn4BSFPBCnrfFp 8InDmf RdzD 5NvRZW2azg9HNwfE unPy8vgVJ4Yl v3mTMberkr6MJsVkk4m9I2oVRSf4sZQNMrTVIBKxJ iVlnTDoeSkWYqu3g View and edit global colors 13](https://lh3.googleusercontent.com/YPggaU5KwSBKmJjhYrk1-PqfqsThEI-6J7XPn4BSFPBCnrfFp-8InDmf-RdzD-5NvRZW2azg9HNwfE-unPy8vgVJ4Yl-v3mTMberkr6MJsVkk4m9I2oVRSf4sZQNMrTVIBKxJ-iVlnTDoeSkWYqu3g))) the [color picker](https://elementor.com/help/choose-color/) and choose a new color.
* Click **Save Changes**.

<figure><img src="https://1918261440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5OJP8T68DaVMWuNI2ffI%2Fuploads%2F0joilLJNshyjtp0wLrx4%2Fimage.png?alt=media&amp;token=1668f67c-7c42-4954-8250-c1363bb7122b" alt=""><figcaption></figcaption></figure>

**To change the name of the global color:**

<figure><img src="https://1918261440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5OJP8T68DaVMWuNI2ffI%2Fuploads%2FNiPYLOZTpD7V32Dy0eMn%2Fimage.png?alt=media&amp;token=c41df797-9eb8-4f6d-bc1c-d6d5ab371178" alt=""><figcaption></figcaption></figure>

* Click the name of the global color.
* Enter the new name.

### Add a new global color

<figure><img src="https://1918261440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5OJP8T68DaVMWuNI2ffI%2Fuploads%2FIY6OgNNxLZ39DvRGPA2o%2Fimage.png?alt=media&amp;token=23dfea0d-37cf-4020-aeab-1abc8cbfd815" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1918261440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5OJP8T68DaVMWuNI2ffI%2Fuploads%2F7lvcnepU9P0EmrQj0C0i%2Fimage.png?alt=media&amp;token=09b8341a-9fb8-429a-9044-7e0e5eacbc18" alt=""><figcaption></figcaption></figure>

Enter a new name for the color.