1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Custom Carousel Indicators

DeusExTaco free asked 4 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 4 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.

Write
Create snippet
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
  • ForumUser: 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
Tags
carousel indicators custom change modify
About author
DeusExTaco
5Support score
1Questions 0Answers 0Snippets