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.
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.