Removing bottom indicators in MDB-CAROUSEL

web
mobile

Topic: Removing bottom indicators in MDB-CAROUSEL

Alejandro Medero pro premium asked 8 months 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 8 months 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 pro commented 2 months 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 2 months ago

Hi @Sebopede

You should set these styles into style.scss file.


Sebopede pro commented 1 months 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.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 8.0.0
  • Device: PC
  • Browser: Chrome
  • OS: macOS
  • Provided sample code: No
  • Provided link: Yes
Tags