• Skin
  • Navbar
  • Sidebar
  • Fixed Navbar Fixed Sidebar
FLATY Admin
  • 4
    • 4 Tasks to complete
    • Software Update 75%
    • Transfer To New Server 45%
    • Bug Fixes 20%
    • Writing Documentation 85%
    • See tasks with details
  • 5
    • 5 Notifications
    • New Comments

      4
    • New Twitter followers

      7
    • Alex

      David would like to become moderator.

    • New bug in program!

    • You have some new orders

      +10
    • See all notifications
  • 3
    • 3 Messages
    • Sarah's Avatar
      Sarah a moment ago

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    • Emma's Avatar
      Emma 2 Days ago

      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris ...

    • John's Avatar
      John 8:24 PM

      Duis aute irure dolor in reprehenderit in ...

    • See all messages
  • Penny's Photo Penny
    • Logined From 20:45
    • Account Settings
    • Edit Profile
    • Help
    • Tasks 4
    • Notifications 8
    • Messages 5
    • Logout
  • Dashboard
  • Typography
  • UI Elements
    • General
    • Button
    • Slider
    • Chart
    • Conversation
    • Icon
  • Forms
    • Layout
    • Component
    • Wizard
    • Validation
  • Tables
    • Basic
    • Advance
    • Dynamic
  • Box
  • Calendar
  • Gallery
  • Griding System
  • Other Pages
    • Login & Register
    • Error 404
    • Error 500
    • Blank Page
    • Skin
    • Sidebar & Navbar
    • Collapsed Sidebar

Set Sidebar & Navbar Color

Set different color for sidebar and/or navbar from default skin

  • Home
  • Set Sidebar & Navbar Color

Sidebar & Navbar Color

Each page has a default skin color that set in body tag More info, that sidebar and navbar will inherit their color from it. But you can change their color explicitly. Also default box color will inherit from skin color.


Navbar Color

To set navbar color explicitly, add one of the following color to #navbar:

  • .navbar-blue

  • .navbar-red

  • .navbar-green

  • .navbar-orange

  • .navbar-yellow

  • .navbar-pink

  • .navbar-magenta

  • .navbar-gray

  • .navbar-black


Sidebar Color

To set sidebar color explicitly, add one of the following color to #main-container:

  • .sidebar-blue

  • .sidebar-red

  • .sidebar-green

  • .sidebar-orange

  • .sidebar-yellow

  • .sidebar-pink

  • .sidebar-magenta

  • .sidebar-gray

  • .sidebar-black

2013 © FLATY Admin Template.