Topic: carousel-control-prev-icon & carousel-control-next-icon not showing
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';
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
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
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