• Getting Started
  • Theme Options
  • Customize Skins
  • Pages & Posts
  • Page Builder
  • Portfolio
  • Widgets
  • Extras
  • Video Tutorials
You Theme DocumentationYou Theme Documentation
  • Getting Started
  • Theme Options
  • Customize Skins
  • Pages & Posts
  • Page Builder
  • Portfolio
  • Widgets
  • Extras
  • Video Tutorials

Header Skin Colors

  • Home
  • /Theme Options
  • /Customize Skins
  • /Header Skin Colors

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

Edit_the_Header_Skin_Settings.png

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

Header_Background_Color.png

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

Header_Background_Opacity.png

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

Header Background Image

Header_Background_Image-1.png

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

Header_Border-1.png

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

Main_Menu_Link_Color.png

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

Main_Menu_Link_Hover_Color.png

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

Main_Menu_Link_Hover_Background_Color.png

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

Submenu_Background_Color.png

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

Submenu Background Opacity

Submenu_Background_Opacity.png

Use this option to set a Submenu Background Opacity.

Submenu Link Color

Submenu_Link_Color.png

Use this option to set a Submenu Link Color.

Submenu Link Hover Color

Submenu_Link_Hover_Color.png

Use this option to set a Submenu Link Hover Color.

Submenu Link Hover Background Color

Submenu_Link_Hover_Background_Color.png

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

Transparent Header Font Color

Transparent_Header_Font_Color.png

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

Transparent Header Link Color

Transparent_Header_Link_Color.png

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

Transparent Header Link Hover Color

Transparent_Header_Link_Hover_Color.png

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

  • acoda
  • Customize Skins , Video Tutorials
  •  Like
  • change header color , header background , header color
Dock Bar Skin Colors →← Sub header Skin Colors
© 2021 You Theme Documentation
You WordPress Theme | Created by Acoda