Skip to content

Colors » Content

The options described below are located in the theme's Colors » Content panel on the Customize screen.


General

Site Background

VE SE RO KA FL ES BR AN

Controls the general background color (displayed under the background image, if one is set).


Site Text

VE SE RO KA FL ES BR AN

Controls the general text color, applied on all text that is not controled by a dedicated option.


Content

Content Titles

BR

Controls the color of article titles in list (blog, archives).


Content

Content Titles

ES

Controls the color of section titles (page, post, category, archive, custom post type).


Content Headings

SE RO KA FL ES BR AN

Controls the inner content headings (H1-H6 tags) color.


Content Background

VE SE RO KA FL ES BR AN

Controls the inner content area (and primary sidebar background color in Fluida).

Important

Care should be taken when setting the main content background and accent colors. These colors are used for multiple elements and certain combinations can result in invisible text or content (due to the same color or very similar values being used for both the background and the text).


Secondary Content Background

FL

Controls the background color for the secondary sidebar.


Primary/Left Sidebar Background

VE SE RO KA ES BR AN

Controls the primary (left) sidebar background color.


Secondary/Right Sidebar Background

SE RO KA ES BR AN

Controls the secondary (right) sidebar background color.


Overlay Color and Opacity

KA AN

Controls the color and opacity of the overlay which appears on top of several elements: header titles, meta box on featured images.


Post/Page Titles

VE

Controls the post/page titles text color.


Post Metas

VE

Controls the post information metas text color.


Accents

Primary Accent

VE SE RO KA FL ES BR AN

Controls the primary accent color, used for links, buttons and certain design features like borders, lines and delimiters.

Tip

The primary and secondary accent colors are also used site-wide for links, with the primary color for links in their default state, with the secondary color for hover.


Secondary Accent

VE SE RO KA FL ES BR AN

Controls the secondary accent color, used as a hover color for links, buttons and other design elements (normally switched from the primary accent)

Accents

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