---
description: Set primary color, second color, body, heading color for page
---

# Color

**Step 1** - You can go to any **Elementor** edit page.

<figure><img src="https://3617130309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWFEnGFAEmy8PSjn1TcXE%2Fuploads%2FXZ6vrkRPgX1Iq0dN8LpJ%2Fimage.png?alt=media&#x26;token=82e5b217-0d4d-49a8-ab3d-6faee8fa5bb1" alt=""><figcaption></figcaption></figure>

**Step 2** - Site Settings >> Global Colors

<figure><img src="https://3617130309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWFEnGFAEmy8PSjn1TcXE%2Fuploads%2Fou6HkVs6hCrQ8Zy0P28i%2FScreen%20Shot%202023-09-14%20at%2011.23.09%20AM.png?alt=media&#x26;token=01d1b094-d0c3-4b06-af39-b516daa45784" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3617130309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWFEnGFAEmy8PSjn1TcXE%2Fuploads%2FUsp6MrM6ycrLJTxfq93N%2Fimage.png?alt=media&#x26;token=97a3d8b8-3cb6-4c5a-a3fb-d5e200537e80" alt=""><figcaption></figcaption></figure>

**Step 3** - Setting color for your site

<figure><img src="https://3617130309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWFEnGFAEmy8PSjn1TcXE%2Fuploads%2F6FKZfwRNk6glMIMa9bMf%2FScreen%20Shot%202023-09-14%20at%2011.30.32%20AM.png?alt=media&#x26;token=99f70612-c6d3-4ee5-8d95-031dde15ef02" alt=""><figcaption></figcaption></figure>

1. The **Primary Color** is the main color of your site.

* Regular: original color
* Hover: color when hovering items

&#x20;Example: Color Button, Color Link, and some other places.

&#x20;2\. **Body Color** is the color of the content text.

&#x20;Example: Color content, description ... in a single blog, single product, page ...

&#x20;3\. The **Heading Color** is the color of the heading text.

&#x20;Example: Color Title, Title Tab ...

&#x20;4\. **Border Color** is the color border block.

&#x20;Example: border product block, border form input, and places with borders ...

&#x20;5\. **Light Color** is color light used for sub description.

&#x20;Example: Color categories, color date time, color subtitle ...

Note: Color is sometimes used for many special places to see which colors apply correctly to what cases you can select and test.
