2

The Inspinia AngularJS framework has a demo here for those who don't use it.

For the life of me, I cannot see how to change the background colour of the navigation menu on the left. It should be simple, but I just can't find it, even using the Chrome developer console.

enter image description here

[Update] I want to change the color programmatically from AngularJS, what's the best way to do that? Maybe add an Id to the background div?

Mawg says reinstate Monica
  • 38,334
  • 103
  • 306
  • 551

4 Answers4

3

Make some changes, according to the images below:

enter image description here

enter image description here

enter image description here

I hope to have helped in some way

Leonardo Costa
  • 460
  • 2
  • 12
2

.nav-header and other elements in your sidebar use background-image and those images are opaque, not showing the background color. You need to check (and reset) background-image property of items in your sidebar for this.

Example: 

.nav-header {
    background-image: unset;
}
#side-menu {
    background-color: #933;
}
.nav > li.active {
    background-color: #833;
}

Keep inspecting your elements until you find what rule sets the backgorund-image, background-color or background (shorthand) for the element, copy the selector of the currently applying rule and place it in your own stylesheet, changing the value of the property. Make sure you load it after the rest of your stylesheets.

tao
  • 82,996
  • 16
  • 114
  • 150
2

i guess this will help u

body{
  background-color: #F44336;
}
.nav-header{
  background-color: #F44336;
  background-image: none;
}
.nav > li.active{
  background: #c7635b;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus{
  background-color: red;
}
Rahul
  • 4,294
  • 1
  • 10
  • 12
2

There is no background-color defined in sidebar, its the background-color of body, and the middle content section has light grey bg color, so change the body-color and sidebar color will be changed.

Sanjeev Kumar
  • 3,113
  • 5
  • 36
  • 77