我已经使用引导代码website,我正在寻找更改导航栏中某些特定链接的背景颜色。更改特定链接背景的颜色 - 引导
我有左侧的链接有正常的背景颜色,但在右侧我有另一组链接,我想更突出(即背景另一种颜色)。
我不是在寻找要更改的悬停或活动颜色,只是该部分中导航栏的背景颜色。
我已经使用引导代码website,我正在寻找更改导航栏中某些特定链接的背景颜色。更改特定链接背景的颜色 - 引导
我有左侧的链接有正常的背景颜色,但在右侧我有另一组链接,我想更突出(即背景另一种颜色)。
我不是在寻找要更改的悬停或活动颜色,只是该部分中导航栏的背景颜色。
所以,如果你想整个导航栏更改为相同的颜色,你可以做你的CSS如下:
ul.navbar-right {
background-color: red;
}
红色是只是举例。如果你想五年每menupoint另一种颜色,你可以为每个菜单项本身是这样做的:
li.menu-item-810 {
background-color: red;
}
li.menu-item-811 {
background-color: blue;
}
li.menu-item-812 {
background-color: green;
}
今后请记得提供一些代码,你的问题,因此更容易在这里的成员来帮助你。
谢谢。在移动设备和其他较小的设备上,当菜单变为移动友好的时候,有没有办法隐藏这个类,这样就不会发生?在移动设备上,它无法正常显示,我只想完全隐藏它。 –
您可以添加以下css类。根据您的要求更改背景颜色的值。
.menu-primary-right li.menu-item-810 {
background-color: red;
}
.menu-primary-right li.menu-item-811 {
background-color: blue;
}
.menu-primary-right li.menu-item-812 {
background-color: green;
}
你可以添加下面的css,它会改变它。
.menu-item-object-page menu-item-810 {
background-color: /*color you like*/;
}
.menu-item-object-page menu-item-811 {
background-color: /*color you like*/;
}
.menu-item-object-page menu-item-812 {
background-color: /*color you like*/;
}
或者你把他们之间并给他们你想要一个类,做一些婷这样的:
.your chosen class {
background-color: /*color you like*/;
}
这样做的奖金,如果你把专区内的3个环节,您可以更改通过更改一行代码的颜色。
代码在哪里? –