• 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
    • Tab & Accordion
    • Slider
    • Tile
    • Timeline
    • Chart
    • Conversation
    • Horizontal Menu
    • Icon
  • Forms
    • Layout
    • Component
    • Wizard
    • Validation
  • Tables
    • Basic
    • Advance
    • Dynamic
  • Maps
    • Google Maps
    • Vector Maps
  • Box
  • Calendar
  • Gallery
  • Griding System
  • Sample Pages
    • Login & Register
    • Email
      • Inbox
      • Mail Thread
      • Compose
    • User Profile
    • Invoice
    • Search Results
  • Other Pages
    • Blank Page
    • Full Width Page
    • Errors
      • Error 404
      • Error 500
    • 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

Remove handling of user settings by cookie

To do this for whole pages, open flaty.js and and remove/comment call to handleUserLayoutSetting(); function.

But if you want to disable this handling for specific pages (like this page), define var cookie_not_handle_user_settings = true; before including flaty.js. See source of this page, bottom scripts part.

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.