Topic: Icons Font Awesome 7

LAGIER priority asked 2 weeks ago


Expected behavior Hello, The carousel icons, "Previous" and "Next," do not appear with Font Awesome version 7.1. Only a small square with "Previous" and "Next" appears with version 7. You must remain on Font Awesome version 6.

Thank you Actual behavior

Resources (screenshots, code snippets etc.)


Bartosz Cylwik staff answered 2 weeks ago


Hi! Yes, the mdb package supports FA in version 6. If you use the FA 7 version you may encounter some minor issues like this one.

For some components you can still try to make it work with the FA 7 though. For example the carousel:

  1. Hide our default icons
.carousel-control-next-icon::after {
  display: none;
}
.carousel-control-prev-icon::after {
  display: none;
}
  1. Include FA7 icon in the controls
<button
  class="carousel-control-prev"
  type="button"
  data-mdb-target="#carouselBasicExample"
  data-mdb-slide="prev"
>
  <span class="carousel-control-prev-icon" aria-hidden="true"
    ><i class="fa-solid fa-chevron-left"></i
  ></span>
  <span class="visually-hidden">Previous</span>
</button>

Best Regards!


LAGIER priority commented 2 weeks ago

Hello,

Thank you for your reply and the solution provided.

Have a good day.

Alain



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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 9.3.0
  • Device: Carousel
  • Browser: all
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No