Removing bottom indicators in MDB-CAROUSEL


Topic: Removing bottom indicators in MDB-CAROUSEL

Alejandro Medero asked 5 years ago

As told in: https://mdbootstrap.com/docs/angular/advanced/carousel/

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,

Damian


Sebopede commented 5 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 5 years ago

Hi @Sebopede

You should set these styles into style.scss file.


Sebopede commented 5 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.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: 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
Tags