Change color of Pills inactive label

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Change color of Pills inactive label

1001albertpadilla asked 5 years ago

How do I change the color of Pills label that is inactive?

Bartosz Termena staff answered 5 years ago

Dear @1001albertpadilla

For Basic Pills: https://mdbootstrap.com/docs/angular/components/tabs/#basic-pills

Try to add this to your styles.scss

.pills-secondary .nav-link {
  background-color: black !important;
}
.md-pills .nav-link {
  color: white !important;
}

Hope it helps!

Best Regards, Bartosz.

1001albertpadilla commented 5 years ago

It works! Thanks!

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.3
  • Device: Laptop
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: No
  • Provided link: No
Tags
+pills+inactive+label+color
About author
1001albertpadilla
214Support score
35Questions 4Answers
0Snippets likes 0Snippets