# Color

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

<figure><img src="https://content.gitbook.com/content/ivSxDWzZW3j0MovH04e6/blobs/Buhb6ePiz2tBDudswPqM/image.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/ivSxDWzZW3j0MovH04e6/blobs/eZX7oDVTf5aoSiejrTpw/image.png" alt=""><figcaption></figcaption></figure>

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

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

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

Example: Color Button, Color Link, and some other places.

2. **Secondary Color** is the color of the heading text.
3. **Text Color** is the color of the content text.

Example: Color content, description ... in a single blog, single product, page ...

Example: Color Title, Title Tab ...

4. **Accent Color** is the color button...
5. **Border Color** is the color border block.

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

6. **Light Color** is the color light used for sub-description.

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.
