ナビゲーションバーの背景色を変更する（ブートストラップ/ジェネシス）

Question

私はWordpressのGenesisフレームワークでブートストラップを実行しています。私は黒から白に変えたいトップレベルのナビゲーションバーを持っています。これはもともとBootstrapでしたが、Wordpressにサイトを置くと、それが起源のデフォルトに変更された可能性があります。

私はクラスの背景色を変更しようとしましたが、.site-headerは関連していないようです。

background-color〜.wrapを追加すると、ナビゲーションバーの色が変わるように見えますが、ボタンを消してしまうので、これは赤いニシンかもしれません。

誰かが見てみることができます - のURL：https://www.moneynest.co.uk/blog/

Answer 1

単にコードの下に試してみて、

.site-header .wrap, header.site-header .genesis-nav-menu a { 
    background-color: #6a1010; 
} 

Answer 2

は、このコードを試してみてください、私は正常に私のナビゲーションバーの背景色を変更しました。

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li  > a:focus { 
color: #000; /*Sets the text hover color on navbar*/ 
} 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > 
a:hover, .navbar-default .navbar-nav > .active > a:focus { 
color: white; /*BACKGROUND color for active*/ 
background-color: #030033; 
} 

.navbar-default { 
background-color: #0f006f; 
border-color: #030033; 
} 

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus { 
color: #262626; 
text-decoration: none; 
background-color: #66CCFF; /*change color of links in drop down here*/ 
} 

.nav > li > a:hover, 
.nav > li > a:focus { 
text-decoration: none; 
background-color: silver; /*Change rollover cell color here*/ 
} 


.navbar-default .navbar-nav > li > a { 
color: white; /*Change active text color here*/ 
} 

Answer 3

ブートストラップを使用している場合は、.navbar-inverseクラスが追加されているかどうかを確認してください。単純に.navbar-defaultに置き換えた場合。 .navbar-inverseは黒い背景ベースのnavbarで、.navbar-defaultはその白いカウンターパートです。