Skip to content

Color Settings

Background Image

TE PA NI MA

Provides a shortcut button to WordPress' general background image controls.

General

TE PA NI

Background

Controls the 4 separately coloured background sections: header, main, footer widgets area, footer.

Texts

Controls the 3 distinct text color: general, general lighter, footer. The general text colours applies to all text on the website that is not controlled by any other color option.

Accents

TE PA NI

Accents #1 and #2 are the main accent colors. They should generally be the same as the link colours and/or be separate from all other colours on the site.

Accent #5 is used for input fields and buttons backgrounds, borders and lines. Accents #3 and #4 should be the lighter/darker than the content background colour, being used as borders/shades on elements where accent #5 is background colour.

Accents/Links

Try to avoid using the same colors (or very similar colors) between the backgrounds and accents/links.

Site Title

TE PA NI

Controls the site title description background color and site title and description texts colors.

TE PA NI

Controls the main menu background and text colors and drop-down submenus background, text and shadow colors.

Top Bar

TE NI

Controls the top bar's background color and menu links standard and hover colors.

Top Menu

PA

Controls the top menu's items normal and on-hover background color and normal and on-hover links color.

Content

TE PA NI

Controls the general content background color and the page/post title normal and hover text and content headings text colors.

Presentation Page

NI

Controls colors for the constituent sections of the theme's presentation page feature:

Slider

  • Background color
  • Border color
  • Caption text and background colors

Areas

  • Text area 1 background color
  • Text area 2 background color
  • Text area 3 background color
  • Columns background color

Text

  • Titles text color

Presentation Page

TE PA

Controls colors for constituent sections of the theme's presentation page feature:

  • Section titles text color
  • Slider border color
  • Slider caption background and text colors

TE PA NI

Controls the sidebar widgets general background and title background colors and general text and title text colors.

TE PA NI

Controls the footer widgets general background and title background colors and general text and title text colors.

TE PA NI

Controls the link colors for different sections:

  • general links color and links hover color
  • sidebar widgets links color and links hover color
  • footer widgets links color and links hover color
  • footer links color and links hover color (includes footer menu)

Tip

Unset options will inherit the links colors from the general links color options

Accents/Links

Try to avoid using the same colors (or very similar colors) between the backgrounds and accents/links.

Post Metas

TE NI

Controls post meta section colors: meta icons, meta links and meta links on hover.

Socials

TE NI

Controls the social icons feature background and background on hover colors.

Caption Type

TE NI

Controls the style of captioned images:

  • Light
  • Dark
  • Simple

Tip

This option applies to images that have a caption set. Simple content images and galleries are styled based on the Graphics options

Caption Border

PA

Controls the style of captioned images:

  • Clear
  • Light
  • Accented
  • Dark

Tip

This option applies to images that have a caption set. Simple content images and galleries are styled based on the Graphics options

Meta Area Background

PA

Controls the style of the meta bar:

  • Clear
  • Border only
  • Accented
  • Light
  • Dark

Mantra's Color options

MA

Mantra provides a specific set of color control options:

  • site background
  • header background
  • content background
  • menu items background
  • first sidebar background
  • second sidebar background
  • site title text
  • site title description text
  • content text
  • links color normal state and hover
  • post title normal state and hover
  • sidebar header background
  • sidebar header text
  • footer background
  • footer widget background
  • footer widget text
  • footer widget header text
  • footer widget link
  • footer widget link on hover