Dock Bar Colors

Learn how to change the Dock BarĀ Background Color, Background Image, Border Color, Font Colors, Dock Bar Icon Colors & Dock Bar Font.

Dock Bar Skin Settings

All options below can be found within:
WordPress Admin > Appearance > Skin Editor > Dock Bar

Background Color

Change the Background Color of the Dock Bar.

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

Border

Use this option to set a BorderĀ for the Dock Bar.

Dock Bar Typography

Use these options to change the Dock Bar font and font colors.

Font Color

This option changes the Font Color within the Dock Bar. Use this option to change the text color of any widgets that are set to “Inline”.

Link Colors

Use this option to change the color of links within the Dock Bar. This includes the Dock Icons.

Link Hover Color

Use this option to change the hover color of links within the Dock Bar. This includes the Dock Icons.

Dock Bar Icons

Icon Color

Use this option to set a Dock Icon color.

Icon Hover Color

Use this option to set a Dock Icon hover color.

Icon Background Color

Use this option to set a Dock Icon Background color.

Dock Bar Form Fields, Tables & Elements ( Inline Widgets )

Background Color

Use this option to change the background color of Form fields of widgets that are set to “Inline” wihin the Dock Bar.

Border Color

Use this option to change the border color of Form fields of widgets that are set to “Inline” wihin the Dock Bar.

Font Color

Use this option to change the font color of Form fields of widgets that are set to “Inline” wihin the Dock Bar.

Dock Flyout Windows

When the Dock Bar widgets are set to “Flyout Window” use these options to control the Flyout Window Background Color, Font Colors & Form Fields.

Background Color

Use this option to change the Background Color of Dock Bar Flyout Window.

Font Color

Use this option to change the Font Color of the Dock Bar Flyout Windows.

Link Color

Use this option to change the Link Color of the Dock Bar Flyout Windows.

Link Hover Color

Use this option to change the Link Hover Color of the Dock Bar Flyout Windows.

Dock Flyout Window Form Fields, Tables & Elements

Background Color

Use this option to change the background color of Form fields of widgets that are set to “Flyout” within the Dock Bar.

Border Color

Use this option to change the border color of Form fields of widgets that are set to “Flyout” within the Dock Bar.

Font Color

Use this option to change the font color of Form fields of widgets that are set to “Flyout” within the Dock Bar.