Angular Side navbar , How to change background color ?

Topic: Angular Side navbar , How to change background color ?

winitserver2018 free asked 6 years ago

How to change background color ? for Angular side navbar

Add comment

Damian Gemza staff answered 6 years ago

Hey guys, You can easily change background color of sidenav by adding color class to <mdb-sidenav> element. For example:

<mdb-sidenav #sidenav class="fixed green darken-4" [fixed]="true">

Here's a link to the sidenav documentation. There you can read about changing color of sidenav: https://mdbootstrap.com/angular/advanced/sidenav/

Best Regards,

Damian

Alberto pro commented 6 years ago

Yes but the problem here is if you have a custom colour your palette doesn't cover; I guess the other option would be to ispect your color css class and change it accordingly.

Damian Gemza staff commented 6 years ago

Alberto, did you tried to put this class in global stylesheet? For me it's working fine: .sn-bg-1 { background-image: none !important; background-color: red !important; } Best Regards, Damian

Add comment

Alberto pro answered 6 years ago