Изменить цвет фона навигационной панели (Bootstrap/Genesis)

Question

Я запускаю Bootstrap на основе Genesis на Wordpress. У меня есть навигационный бар верхнего уровня, который я бы хотел изменить с черного на белый. Это было изначально 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 цвет фона.

.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-default - это его белая счетная часть.