Topic: Change text color in navbar while scrolling
Hey guys,
today I started with MDBootstrap. For this I have chosen this template. I want to make the navbar brighter so I have changed the custom css to ` .top-nav-collapse {
background-color: #FFFFFF;
}`
Now I want to change the textcolor in something like #4285F4. Can anyone help me how to realize this?
Thxalot,
JanSe
Add comment
Hi,
Here's the code:
.navbar.navbar-dark .navbar-brand,
.navbar.navbar-dark .navbar-brand:hover {
color: #4285F4;
}
.navbar.navbar-dark .navbar-nav .nav-item a {
color: #4285F4;
}
.navbar-dark form input[type=text] {
border-bottom: 1px solid #4285F4;
}
.navbar-dark form .form-control {
color: #4285F4;
}
.navbar-dark form .form-control::-webkit-input-placeholder {
color: #4285F4 !important;
}
.navbar-dark form .form-control:-moz-placeholder {
/* Firefox 18- */
color: #4285F4 !important;
}
.navbar-dark form .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #4285F4 !important;
}
.navbar-dark form .form-control:-ms-input-placeholder {
color: #4285F4 !important;
}FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes