I want to use my own color for nabar


Topic: I want to use my own color for nabar

royrakesh asked 7 years ago

<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark lime accent-4" > ......cont

in above code, i used  lime accent-4 for green type color but my color code is different then how to use my color. i am using angular 5. and   "angular-bootstrap-md": "^5.2.0".  I tried with adding class but not reflecting the color for the navbar.


royrakesh answered 7 years ago

Solved my own problem use :host selecter to color your component. like i am using header component so i use

:host {
display: block;
background: #A8C01F!important;
}

in header component scss or css file to color the navbar.
here is my code

<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark" >…. </mdb-navbar>

output :
https://prnt.sc/ihr0gh

Hope this help others


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No