Topic: Carousel controls position
Ratandeep Arunkumar free asked 3 years ago
How can I move the carousel buttons to the bottom of the item and change the icons to text like "prev" and "next"?
Add comment
Arkadiusz Idzikowski staff answered 3 years ago
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.
Status
Answered
Specification of the issue
- ForumUser: 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