Topic: dark waves on navbar ?
I start from MDB-Gulp-Free package.
I use a navbar element. I do not specify any waves in my code (but I am happy the waves-effect is present) I wish to have a white navbar ( I specify the class "white" in )
my problem is that the default ripples are "waves-light" and so the effect is white. on white background, it is not visible.
Is there a way to set the navbar waves to dark ?
Thanks @Piotr Glejzer to point the right css classes.
In a more general way, I wonder why there is classes .waves-effect .waves-light that are automatically added to the <a> (when inspecting the code source).
Your solution actually "hack it" by adding a colored waves-effect to the parent <li>. As I noticed that waves-light is the default class added to the code, I can just redefine the ripple color of this effect as I wish.
// Ripple
.waves-effect.waves-light .waves-ripple {
background-color: rgba($secondary-color, .7);
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.6.1
- Device: Desktop
- Browser: Chrome
- OS: Windows 7
- Provided sample code: No
- Provided link: Yes