更改导航栏的背景颜色（Bootstrap / Genesis）

Question

我正在Wordpress上的Genesis框架上运行Bootstrap。我有一个顶级导航栏，我想从黑色变为白色。这本来是Bootstrap，但当我把网站放到Wordpress上时，我相信它可能已经改为默认的创世纪。

我尝试更改课程背景颜色app.route('/api/activities/:activityId').all(activitiesPolicy.isAllowed) .get(activities.read) .put(activities.update) .delete(activities.delete); ，但似乎没有关联。

将.site-header添加到background-color似乎会改变导航栏的颜色但省略了按钮，所以我相信这可能是一个红色的鲱鱼。

有人可以查看 - 网址：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

如果您使用的是bootstrap，请检查是否添加了.navbar-inverse类。如果您只是用.navbar-default替换它。 .navbar-inverse是一个基于黑色背景的导航栏，其中.navbar-default是其白色计数器部分。