Color

1

Edit the page in Elementor

You can go to Elementor and edit the page.

2

Site Settings → Global Colors

Go to: Site Settings >> Global Colors

3

Settings — colors for your site

Use the Global Colors settings to define site-wide colors.

1

The Primary Color

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 (Heading) Color

Secondary (Heading) Color is the color of the heading text.

Example: Color Title, Title Tab, etc.

3

Text Color

Text Color is the color of the content text.

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

4

Accent Color

Accent Color is the color of the content text.

5

Border Color

Border Color is the color of borders.

Example: border product block, border form input, and places with borders.

6

Light Color

Light Color is used for sub-description.

Example: Color categories, color date-time, color subtitle.

7

Dark Color

Dark Color is used for sub-description.

8

Background field

Background field is the color used for background fields and similar sub-description areas.

Note: Colors are sometimes used in many special places. To see which colors apply correctly, select and test them in the editor.