Skip to content

Colors » Header

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


Header Background

Applies to: AN BR ES FL KA RO SE

Controls the background color for the header area, including main menu (and dropdown submenus background in Fluida). The header background color is not used unless scrolled when the Header over image option is enabled.


Header Overlay / Header Overlay Opacity

Applies to: SE

Controls the color and opacity of the overlay displayed on top of the slider/static slider/header image.


Text on header overlay

Applies to: SE

Controls the color of the header text (site title, menu items) displayed on top of the header overlay while them Header over image option is enabled.


Applies to: AN BR ES FL KA RO SE VE

Controls the main navigation text color.


Side Menu Text

Applies to: BR

Controls the main/side navigation text color.


Side Menu Background

Applies to: BR

Controls the main/side navigation background color.


Applies to: ES

Controls the main navigation submenus text color.


Active Item

Applies to: ES

Controls the main navigation active (current) menu item text color.


Applies to: VE

Controls the menu text color while hovering the menu items.


Applies to: AN ES FL KA RO SE

Controls the dropdown submenus text color.

Important

Care should be taken when setting the 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).


Applies to: AN ES KA RO SE

Controls the main navigation dropdown submenus background color.


Overlay

Text

Applies to: BR ES RO

Controls the header image overlay area text color.


Background

Applies to: RO

Controls the header image overlay background color.


Background 1/2

Applies to: BR ES

Controls the header image overlay background gradient colors.


Background 1/2 Position

Applies to: BR ES

Controls the header image overlay background gradient positions.


Angle

Applies to: BR ES

Controls the header image overlay background gradient angle.


Opacity

Applies to: BR ES RO

Controls the header image overlay background opacity percentage.