How to Setup The Top Bar

October 19, 2015| Shekhar Bhandari

Sleeky pro comes with an options to show the top bar with information such as telephone numbers, email address, small announcement and social icons.

You can get an text field section to enter you required things and you will get social icons displayed at the top.

  1. How to Hide The Top Bar

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top Bar Settings
    • Check the Hide Top Bar Checkbox
    • Hit Save
  2. How to Display Social Icons in Header Top Bar

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Social Networking
    • Enter the link of your prefered social networking icons, please left the field blank if you don’t want the icon to be used. (Note: use http:// before the link for example http://www.facebook.com
    • Hit Save
  3. How to Display Short Announcement in Header Top Bar

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Enter the text that you want to be displayed on the right hand side of the top bar, (if you want to insert the icon you can use the font awesome icons html code.
    • Hit Save
  4. How to Change the Top Bar Background Color

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Go to Top bar Background
    • Choose the color that you prefer from the select color option.
    • Hit Save
  5. How to Change the Top Bar Border Color which is displayed at Top of Website

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Go to Top bar Border
    • Choose the color that you prefer from the select color option.
    • Hit Save
  6. How to Change the Top Bar Social Link Color

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Go to Top bar Social Link Color
    • Choose the color that you prefer from the select color option.
    • Hit Save
  7. How to Change the Top Bar Social Link Hover Color

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Go to Top Bar Social Color Hover
    • Choose the color that you prefer from the select color option.
    • Hit Save
  8. How to Change the Top Bar Social Link Hover Background Color

    • Go to WordPress Dashboard
    • Go to Appereance
    • Go to Customize
    • Go to Top bar Settings
    • Go to Top Bar Social Color Hover Background
    • Choose the color that you prefer from the select color option.
    • Hit Save
Categories: Setup Tutorials for Sleeky Pro

Leave a Reply

Black Friday Offer - 50% Off Discount on ALL PRO THEMES AND MEMBERSHIPS Use discount code BFCM2019