Topic: Removing bottom indicators in MDB-CAROUSEL

Alejandro Medero free asked 5 years ago

As told in:

Under the title WITH CONTROLS AND INDICATORS, the arrows for next and previous slides are shown but the bottom navigations dots aren't. I want this behaviour but with the code in docs, the dots are always showing.

How do i hide only the bottom dots ?

Damian Gemza staff answered 5 years ago

Dear @Alejandro Medero

Please use the below styles to hide them with css. There's no other option, than styles:

mdb-carousel .carousel-indicators {
  display: none;

Best Regards,


Sebopede free commented 4 years ago

Greetings! I have attempted adding this code in the scss file from the component in which i am using the carousel. But the indicators are still displaying. Is there another way? thanks

Konrad Stępień staff commented 4 years ago

Hi @Sebopede

You should set these styles into style.scss file.

Sebopede free commented 4 years ago

I see! you are right, i can only overwrite the component scss code within the style.scss file.

Thanks alot for the help!

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: PC
  • Browser: Chrome
  • OS: macOS
  • Provided sample code: No
  • Provided link: Yes