Carousel controls position

Topic: Carousel controls position

Ratandeep Arunkumar free asked 1 year ago

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;

Please insert min. 20 characters.


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



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