Knowledge Base

⌘K
  1. Home
  2. Docs
  3. Knowledge Base
  4. HERO ADMIN
  5. Colors
  6. Colors Introduction

Colors Introduction

The theme colors are part of your website’s identity, so their customization is important. Our color picker supports Hex codes (like #434343), and RGBA (like rgba(255, 255, 255, 1)) and it has sliders for transparency and color intensity. The main difference between them is that RGBA has a transparency value, while Hex Codes do not.

There are two different way to change colors:

  • Change Colors Using Hex Codes
  • Change Colors Using RGBA

What Can I Change?

The colors panel is split into sections, and each section has multiple elements with a color picker. This gives you the flexibility to customize each section of your website the way you always wanted.

In HERO ADMIN > Theme Panel > Colors, there are 13 areas to manage colors for your website.

  • General
  • Header
  • Header – Top Menu
  • Header – Main Menu
  • Header – Main Menu Sub
  • Header – Mega Menu
  • Header – Search
  • Mobile Menu / Mobile Search
  • Footer
  • Sub Footer
  • Content – Posts
  • Content – Page
  • Cookie Consens