Custom Carousel Indicators


Topic: Custom Carousel Indicators

DeusExTaco asked 5 years ago

I need to know how to modify the indicators on a multi-item carousel. I can't figure out how to override.


Bartosz Termena staff answered 5 years ago

Dear @DeusExTaco

Do you want for ex. change color of indicators? If so try this:

styles.scss

mdb-carousel .carousel-multi-item .controls-top .btn-floating {
  background: red;
}

.carousel-indicators {
  li {
    background-color: red !important;
  }
}

Hope it helps!

Best Regards, Bartosz.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.6.0
  • Device: MacBook
  • Browser: Chrome
  • OS: OSX 13
  • Provided sample code: No
  • Provided link: No