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

# Color

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

<figure><img src="https://content.gitbook.com/content/TV63t1wLRDJ4HJYcQG2M/blobs/LDNG6te2G5JdnsXLv78V/Screenshot%202024-07-30%20at%2015.04.36.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://682922471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTV63t1wLRDJ4HJYcQG2M%2Fuploads%2F6ua2LGzPyh6kMMcE4wG7%2FScreenshot%202024-10-24%20at%2008.50.17.png?alt=media&amp;token=da01e458-0583-41a9-ad4b-c4a370fbd3b0" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

&#x20;4\. **Border Color** is 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.