Hintergrundfarbe der Navigationsleiste ändern (Bootstrap/Genesis)

Question

Ich benutze Bootstrap im Genesis-Framework auf Wordpress. Ich habe eine Navigationsleiste auf oberster Ebene, die ich gerne von Schwarz auf Weiß umstellen würde. Dies war ursprünglich Bootstrap, aber wenn ich die Seite auf Wordpress setze, glaube ich, dass es sich möglicherweise zu einem Genesis-Standard geändert hat.

Ich habe versucht, die Klasse Hintergrundfarbe .site-header ändern, aber es scheint nicht zu beziehen.

Hinzufügen einer background-color zu .wrap scheint die Farbe der Navigationsleiste zu ändern, aber die Tasten weggelassen, so glaube ich, dass dies möglicherweise ein Hering.

Kann jemand einen Blick - URL an: https://www.moneynest.co.uk/blog/

Answer 1

knapp unter Code versuchen und

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

Answer 2

Versuchen Sie diesen Code, habe ich erfolgreich geändert meine navbar Hintergrundfarbe.

.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

Wenn Sie Bootstrap verwenden, prüfen Sie, ob Sie die .navbar-inverse Klasse hinzugefügt haben. Wenn Sie es einfach durch .navbar-default ersetzen. Die .navbar-inverse ist eine schwarze background-basierte Navbar, wobei als .navbar-default der weiße Zähler Teil ist.