Learn how to change the Header Background Color, Background Image, Border Color Font Colors and Set an Alternative Logo
Edit Header Skin Settings Video Tutorial
Watch the video tutorial for editing the Header Skin Settings here.
Edit the Header Skin Settings

To Edit the Header Skin settings, goto the WordPress Admin > Customize > Customize Skins > Header
Please Note: Make sure you’re editing the correct Skin before making changes. ( See the Editing & Creating a Skin if you’re unsure how to do this )
Alternative Logo
Use this option to set an Alternative Logo to the one being used in the main admin settings – WordPress Admin > Customize > Header > Logo URL.
The logo set here will only display on the Pages that have this Skin applied to it.
Header Background Color

Change the Background Color of the Header. This color will also set the the Main Menu Drop Menus ( This can be overridden using the Sub Menu Background Color – see option below ).
Header Background Opacity

Change the Background Color Opacity of the Header. This opacity only affects the color and not the background image.
Header Background Image

Use this option to set a Background Image. You can position the following settings to position the image.
Image Position
- Center Center
- Center Top
- Center Bottom
- Left Top
- Left Center
- Left Bottom
- Right Top
- Right Center
- Right Bottom
Image Repeat
- Repeat ( Ideal for pattern images )
- Repeat X – Repeat along the X axis
- Repeat Y – Repeat along the Y axis
- No Repeat
Image Size
- Cover – This option sets the image to cover the entire area
- Contain – This option sets the image to contain itself within the area
Header Border

Use this option to set a Border Color on the Header.
Header Font Color
This option changes the Font Color within the Header. Use this option to change the text color of the Header Panel Widget and Logo Tagline.
Please Note: This does not change the Dock Icon Colors, see below to change the color of Dock Icons.
Header Link Colors
Use this option to change the color of links within the Header. This includes the Menu & Dock Icons when the Dock Bar position is set to Header.
Header Link Hover Colors
Use this option to change the hover color of links within the Header. This includes the Menu & Dock Icons when the Dock Bar position is set to Header.
Main Menu Link Color

This option specifically targets the Main Menu Link Colors within the header. This overrides the Header Link Color ( See above ).
Main Menu Link Hover Color

This option specifically targets the Main Menu Link Hover Colors within the header. This overrides the Header Link Hover Color ( See above ).
Main Menu Link Hover Background Color

This option specifically targets the Main Menu Link Hover Colors within the header. This overrides the Header Link Hover Color ( See above ).
Submenu Background Color

Use this option to set a Submenu Background Color, which overrides the Header Background Color value which the Submenu naturally inherits.
Submenu Background Opacity

Use this option to set a Submenu Background Opacity.
Submenu Link Color

Use this option to set a Submenu Link Color.
Submenu Link Hover Color

Use this option to set a Submenu Link Hover Color.
Submenu Link Hover Background Color

Use this option to set a Submenu Link Hover Background Color.
Transparent Header Font Color

When the Floating Header option is set to Float + Transparent , use this option to set the Header Font Color.
Transparent Header Link Color

When the Floating Header option is set to Float + Transparent , use this option to set the Header Link Color.
Transparent Header Link Hover Color

When the Floating Header option is set to Float + Transparent , use this option to set the Header Link Hover Color.