Inspiniaの左メニューの背景色を変更する方法

Question

Inspinia AngularJSフレームワークには、使用しないユーザー向けのデモhereがあります。

私の人生にとって、左側のナビゲーションメニューの背景色を変更する方法はわかりません。シンプルなはずですが、Chromeデベロッパーコンソールを使用しても見つからないだけです。

---

[更新]私はAngularJSからプログラムの色を変更したい、それを行うための最善の方法は何ですか？おそらくbackground divにIDを追加しますか？

Answer 1

いくつかの変更は、以下の画像に応じて行います。

私はこれが役立つと思い、いくつかの方法で

Answer 2

.nav-headerその他のサイドバーの要素はbackground-imageです。これらの画像は不透明で、背景色は表示されません。このためには、サイドバーの項目のbackground-imageプロパティを確認（およびリセット）する必要があります。

例：

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

あなたは要素のためbackgorund-image、background-colorまたはbackground（速記）を設定するものルールが見つかるまで、あなたの要素を検査してください現在適用ルールのセレクターをコピーして、自分自身でそれを置きますスタイルシート、プロパティの値を変更します。残りのスタイルシートの後にロードするようにしてください。

Answer 3

を助けたことを望みます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; 
} 

Answer 4

無background-colorがサイドバーに定義されていないあり、その本体のbackground-color、及び中間コンテンツセクションはライトグレーBG colorを有しているので、body-colorとサイドバーの色が変更される変更。