Autoros
  • Introduction
  • Support
  • GET STARTED
    • Requirements
    • What’s Included?
  • DOWNLOAD AND INSTALLATION
    • Download
    • Install Theme and Active
    • Plugins installation
    • One Click To Import Demo
  • CONTENT MANAGEMENT
    • Set up Menu
      • Mega menu
    • Set up Header
    • Set up Footer
    • Set up Homepage
    • Blog
  • SETTING
    • Breadcrumb
    • Color
    • Typography
    • Button
    • Layout
    • Logo
    • Woocommerce
      • Archive
      • Product Images
      • Single Product
      • Product Block
      • Product Catalog
    • Template
    • Elementor config
  • FAQS
    • How long time get Support
    • How To Submit Ticket
  • RECOMMENDATION
    • Optimize WordPress
    • Translation
    • Changelog
Powered by GitBook
On this page
  1. SETTING

Color

Set primary color, second color, body, heading color for page

PreviousBreadcrumbNextTypography

Last updated 7 months ago

Step 1 - You can go to any Elementor edit page. In Settings, select Site Settings.

Step 2 - Site Settings -> Global Colors

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. Body Color is the color of the content text.

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

3. The Heading Color is the color of the heading text.

Example: Color Title, Title Tab ...

4. Border Color is the color border block.

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

5. Light Color is 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.