Tag: social icon color

  • Home
  • /Posts Tagged ' social icon color '

Social Media

Access the Social Media Theme Options via Appearance > Theme Options > Social Media.

Dock Social Icons

Choose to display Social Icons within the Dock Bar.

Share Icon

The Share icon collapses all selected Social Icons into a sinlge Share icon.

Social Icon Color

Set the color of the Social Icons. Choose from the following:

  • Default inherits the color set in the Appearance > Customize > Customize Skins > Dock Bar > Dock Icons
  • Color sets the icon to the native color of the social icon
  • Color on Hover sets the icon background to the native color of the social icon
    • Enable Social Icons

    Enable the Social Icons you wish to display within the Dock Bar and Post Share Icons ( See Blog options for how to enable Share Icons on posts )

    Digg Facebook LinkedIn Del.icio.us Reddit Stumble Twitter Google RSS YouTube Vimeo Pinterest Soundcloud Instagram Flickr Email

    Social Icons URL’s

    Set the URL of each Social Icon. Use [get_the_title] or [get_permalink] to display the Page Title and Permalink within the URL.

    Dock Bar Skin Colors

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

    Edit Dock Bar Skin Settings Video Tutorial

    Watch the video tutorial on how to edit the Dock Bar Skin Settings here.

    Edit the Dock Bar Skin Settings

    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 )

    Dock Bar Background Color

    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.

    Dock Bar Background Image

    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
    Dock Bar Border

    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.

    Dock Bar Font Color

    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.

    Dock Bar Link Colors

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

    Dock Bar Link Hover Colors

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

    Dock Icon Size

    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.

    Dock Icon Color

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

    Dock Icon Background Color

    Use this option to set a Dock Icon Background Color.

    Dock Icon Border Color

    Use this option to set a Dock Icon Border Color.

    Dock Dropdown Background Color

    Use this option to change the Background Color of Dock Icon Dropdown Panels. This includes Droppanels for Shopping Cart, Search & Information Panel.

    Dock Dropdown Background Opacity

    Use this option to change the Background Opacity of Dock Icon Dropdown Panels. This includes Droppanels for Shopping Cart, Search & Information Panel.

    Dock Dropdown Font Color

    Use this option to change the Font Color of the Dock Icon Dropdown Panels

    Dock Dropdown Link Color

    Use this option to change the Link Color of the Dock Icon Dropdown Panels

    Dock Dropdown Link Hover Color

    Use this option to change the Link Hover Color of the Dock Icon Dropdown Panels

    Dock Dropdown Element Color

    Use this option to change the Element Colors of Dock Icon Dropdown Panels. This includes form fields text.

    Dock Dropdown