Home Newspaper 7 Documentation Theme colors introduction

Theme colors introduction

The colors are part of a website’s identity and 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 use theme colors in Newspaper:

  • Change Colors Using Hex Codes
  • Change Colors Using RGBA

2015-07-30_1801

What can I change?

The color 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
td_theme_colors

In Newspaper > 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) 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).

Note: When you set a color as the background, your website will automatically change to the boxed version.