Topic: Removing bottom indicators in MDB-CAROUSEL
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 ?
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!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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