我买了一个html模板,正在学习编辑它的细节。到目前为止,我已经弄清楚,CSS是用于风格方面,如颜色和whatnot...The主题是目前丑陋的黄色,我希望它与我们公司的标志颜色(红色和黑色)相匹配。有没有办法一次更改主题颜色,或者我必须编辑单个组件?
我一直在尝试编辑导航栏中的悬停颜色,但没有成功。我会张贴代码,如果有人能引导我在正确的方向,我将不胜感激。非常感谢大家。
*/
.menu-bg {
z-index: 999;
}
.menu-bg .basement-logo {
padding-top: 5px;
transition: all 0.3s ease 0s;
}
.navbar-default {
background-color: inherit;
border-color: inherit;
}
.navbar {
border-radius: 0;
min-height: auto;
margin: 0;
border: none;
z-index: 9;
}
.navbar-collapse {
float: right;
margin: 0;
padding: 0;
}
.navbar-brand {
padding: 0;
height: auto;
}
.navbar-nav > li {
padding: 0;
margin: 0 0 0 1px;
}
.navbar-default .navbar-nav li a {
color: #000;
font-size: 13px;
font-weight: 600;
padding: 30px 13px;
transition: all 0.3s ease 0s;
text-transform: uppercase;
background-color: inherit;
font-family: "Roboto",sans-serif;
letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color: #DC143C !important;
color: #000;
}
.menu-bg .navbar-default .navbar-nav li a {
padding: 20px 10px;
transition: all 0.3s ease 0s;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color: #DC143C !important;
color: #000;
}
.navbar-collapse ul li a:hover{
color:black;
background-color:#DC143C;
}
/*
发布于 2018-04-23 23:27:59
1/使用此网站查找css (输入颜色) https://www.w3schools.com/colors/colors_picker.asp中的每一种黄色或其他颜色
2/在您的style.css上查找/替换,并替换为您自己的颜色
3/检查html文件中是否只有一个名为的css文件。在这种情况下,请在每个css文件中查找replace
https://stackoverflow.com/questions/49984468
复制相似问题