Dock Bar Skin Colors
Learn how to change the Dock Bar Background Color, Background Image, Border Color Font Colors & Dock Icon Colors.
Watch the video tutorial on how to edit the Dock Bar Skin Settings here.
To Edit the Dock Bar Skin settings, goto the WordPress Admin > Customize > Customize Skins > Dock Bar
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 )
Change the Background Color of the Dock Bar.
Please Note: This option only applies if you have set the Dock Bar Position to a position that is not Header.
Use this option to set a Background Image. You can position the following settings to position the image.
Please Note: This option only applies if you have set the Dock Bar Position to a position that is not Header.
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
Use this option to set a Border Color on the Dock Bar.
Please Note: This option only applies if you have set the Dock Bar Position to a position that is not Header.
This option changes the Font Color within the Dock Bar. Use this option to change the text color of the Information Panel Widget when set to Static.
Please Note: This does not change the Dock Icon Colors, see below to change the color of Dock Icons.
Use this option to change the color of links within the Dock Bar. This includes the Dock Icons.
Use this option to change the hover color of links within the Dock Bar. This includes the Dock Icons.
Use this option to change the size of the Dock Icons. This includes the size of Social Icons, size of Cart and size of Search icons.
Use this option to set a Dock Icon color, which override the Dock Bar Link color. This is useful if you set a Dock Icon background ( See below ).
Use this option to set a Dock Icon Background Color.
Use this option to set a Dock Icon Border Color.
Use this option to change the Background Color of Dock Icon Dropdown Panels. This includes Droppanels for Shopping Cart, Search & Information Panel.
Use this option to change the Background Opacity of Dock Icon Dropdown Panels. This includes Droppanels for Shopping Cart, Search & Information Panel.
Use this option to change the Font Color of the Dock Icon Dropdown Panels
Use this option to change the Link Color of the Dock Icon Dropdown Panels
Use this option to change the Link Hover Color of the Dock Icon Dropdown Panels
Use this option to change the Element Colors of Dock Icon Dropdown Panels. This includes form fields text.