Topic: Carousel controls position
How can I move the carousel buttons to the bottom of the item and change the icons to text like "prev" and "next"?
It is not possible to customize the appearance of the icons. To move the icons to the bottom, you can add this CSS rules to the styles.scss file:
.carousel-control-prev-icon {
position: absolute;
bottom: 20px;
left: 20px;
}
.carousel-control-next-icon {
position: absolute;
bottom: 20px;
right: 20px;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 1.0.0-beta5
- Device: Laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No