Topic: Carousel controls position

Ratandeep Arunkumar free asked 2 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"?


Arkadiusz Idzikowski staff answered 2 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;
}


Please insert min. 20 characters.

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