Icons Font Awesome 7

Topic: Icons Font Awesome 7

LAGIER pro premium 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.)

Add comment

Bartosz Cylwik staff answered 2 weeks ago

0 0 Best answer

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:

Hide our default icons

.carousel-control-next-icon::after {
  display: none;
}
.carousel-control-prev-icon::after {
  display: none;
}

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 pro premium priority commented 2 weeks ago

Hello,

Thank you for your reply and the solution provided.

Have a good day.

Alain

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

User: Pro
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

LAGIER

Pro User Premium support

224Support score
35Questions 37Answers

0Snippets likes 2Snippets