carousel-control-prev-icon & carousel-control-next-icon not


Topic: carousel-control-prev-icon & carousel-control-next-icon not showing

john@npinn.com pro premium priority asked 2 years ago

Expected behavior

carousel-control-prev-icon should generate a viewable icon (and next as well)

Actual behavior

empty square - the character is not found.

Resources (screenshots, code snippets etc.)

manually downloaded pro minified version. also happened in 4.2

<button class="carousel-control-prev" type="button" data-mdb-target="#carouselExampleIndicators" data-mdb-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="visually-hidden">Previous</span>
</button>

inspecting carousel-control-prev-icon::after shows following css

.carousel-control-next-icon:after, .carousel-control-prev-icon:after {
  font-weight: 700;
  font-family: Font Awesome\ 6 Pro,Font Awesome\ 6 Free;
  font-size: 1.7rem;
}

changing font-family to 5 fixed it

font-family: 'Font Awesome\ 5 Free';

john@npinn.com pro premium priority commented 2 years ago

OHHHH - I thought well enough, there's the problem. But I just realized there is in fact FA 6 and it's referenced in the setup page, where did I get the wrong link to 5? Well I originally grabbed the webpack starter from the setup link, and mdb-webpack-starter uses the following link in index.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

Grzegorz Bujański staff commented 2 years ago

Thanks for reporting. But from what I can see in the webpack starter we have the correct link. Have you downloaded webpack starter from somewhere other than our github or have you downloaded it some time ago?


john@npinn.com pro premium priority commented 2 years ago

pro Installation page:

does a direct download of a zip file.


Grzegorz Bujański staff commented 2 years ago

Thanks for the information. We will update the link


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.3.0
  • Device: desktop
  • Browser: chrome
  • OS: win 10
  • Provided sample code: No
  • Provided link: No