Angular how to change step color in stepper

// Horizontal inactive
mdb-stepper .card-body ul.stepper.horizontal .step .step-title:before {
  background-color: black;
}

// Horizontal active
mdb-stepper .card-body ul.stepper.horizontal .step.active .step-title:before {
  background-color: green;
}

// Vertical inactive
mdb-stepper .card-body ul.stepper .step:before {
  background-color: black;
}

// Vertical active
mdb-stepper .card-body ul.stepper .step.active:before {
  background-color: green;
}

abhinov commented 4 years ago

Thanks, the vertical does not seem to work?

// active
mdb-stepper .card-body ul.stepper.vertical .step.active .step-title:before {
    background-color: green;
}

---

Arkadiusz Idzikowski staff commented 4 years ago

I edited my answer and added an example for vertical steppers.

---