Theme colors introduction

The theme colors are part of your website’s identity, so their customization is important. Our color picker supports Hex codes (like #FA4FBCA), and RGBA (like rgba(213,152,65,0.4)) 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 flexibility to customize each section of your website the way you always wanted.



In Newsmag > Theme Panel > Theme Color you have 4 areas to manage colors for your website:

  • General theme colors – Set or change colors for Theme accent (hover, links, buttons, Ajax load animation color) and Background.
  • Header section – This area allows you to set or change colors for Top Menu (Background, Top menu text, Top menu text hover, Social icons, Social icons hover color), Main Menu (Menu background, Active and hover, Menu text color), Mobile Menu / Mobile Search (menu bar background color, menu bar icons color, background gradient color, text/icons color, active/hover text color, buttons background/text color) and Header (background color).
  • Footer section – In this area you can customize the colors for footer and sub-footer (both background and text color)
  • Content area – This section allows you to add or change color for posts (title, blocks, author name, text, blockquote, and H1, H2, H3, H4, H5, H6 Color) and pages (title, text and and H1, H2, H3, H4, H5, H6 Color).