更改导航栏的背景颜色 (Bootstrap/Genesis)答案

【问题标题】：Change background colour of nav bar (Bootstrap/Genesis)更改导航栏的背景颜色 (Bootstrap/Genesis)
【发布时间】：2017-01-26 19:33:21
【问题描述】：

我正在 Wordpress 上的 Genesis 框架上运行 Bootstrap。我有一个顶级导航栏，我想将其从黑色更改为白色。这最初是 Bootstrap，但是当我将网站放到 Wordpress 上时，我相信它可能已更改为 genesis 默认值。

我尝试更改班级背景颜色.site-header，但似乎没有关联。

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

有人可以看看 - 网址：https://www.moneynest.co.uk/blog/

【问题讨论】：

标签： html css wordpress twitter-bootstrap genesis

【解决方案1】：

试试下面的代码看看

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

【讨论】：

我将此添加到我的常规样式表中，但没有运气，因此尝试将其添加到 Genesis Extende 中，因为菜单的右侧仍然为黑色，所以这半部分起作用了？在实时页面上更新。
@SamJefferies 检查我的更新答案，它应该适合你
轰隆隆！谢谢，那行得通。知道为什么我被否决了吗？还有你是怎么想出来的？
在悬停时按钮仍然恢复为黑色背景，我认为这将是一个 pysdo 类，你会选择哪一个？
你被否决了，因为你没有发布任何代码，不推荐直接链接到网站，至少发布一些相关代码来解决你的问题

【解决方案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*/
}

【讨论】：

【解决方案3】：

如果您使用的是引导程序，请检查您是否添加了 .navbar-inverse 类。如果您只是将其替换为 .navbar-default。 .navbar-inverse 是基于黑色背景的导航栏，其中 .navbar-default 是其白色对应部分。

【讨论】：