You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#117439 FontAwesome icon not appearing in popup

Posted in ‘Mediabox’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by anotart on Wednesday, 19 November 2025 23:25 GMT

anotart

Hi,

 

I have FontAwesome icons being used for bullets on this site that is still under development:  mtri.notarthomas.net.  It works everywhere except on pages that open in a popup.  Prior to adding the popup, the icons did appear on these pages.  You can see it at: https://mtri.notarthomas.net/research/medical-researchers-directory - click on Dr. Amy Chomsky, and scroll to Leadership Roles and Education & Training, you will see the boxes in place of the icons.

Thank you for your help

Ryan

Your template custom.css file (line 113) is setting the font-family to Font Awesome 7 Pro, but Joomla loads Font Awesome 6.

.com-content-article ul li:before,
.item-page ul li:before,
.blog-item ul li:before,
article ul li:before,
.article-content ul li:before,
.content ul li:before {
  content: "\f138";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  color: #912029;
  font-size: 18px;
  margin-right: 10px;
  margin-top: 0;
  flex-shrink: 0;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

anotart

Hi Ryan,

 

I have the script in the template to use FontAwesome 7 Pro.  I tried changing that css to 6 and the icons in other places stopped working -- I changed it back, but you can see the bullets using FontAwesome 7 Pro here: https://mtri.notarthomas.net/meet-mtri/overview.  Prior to changing the directories to popups, they clicked to a regular article and the icons did appear, so it seems to be related to the popup.

I did add css to make them only appear in articles -- might it be related to that somehow?  I tried removing that, but it didn't seem to make a difference.

Ryan

Here is the full page of the bio you are displaying in the popup - https://mtri.notarthomas.net/research/medical-researchers-directory/medical-researcher/dr-amy-chomsky

Here is the page that is displayed in the popup - https://mtri.notarthomas.net/research/medical-researchers-directory/medical-researcher/dr-amy-chomsky?tmpl=component&print=1

In order to display the page in the popup without the menu items etc. it must be rendered using the component part of the template (not index.php), which appears to be missing this script:

<script src="https://kit.fontawesome.com/c66cae75b3.js" crossorigin="anonymous"></script>

which may be relevant.

 

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

anotart

Hi Ryan,

 

Sorry for the delay responding.  Two things -- first, I thought I was using your Mediabox, but I was in fact using the popup option in Latest News Enhanced. Between your answer and the answer I got from Oliveri, I finally figured it out. For what I needed, I changed to Font Awesome 6 Free and that took care of it.

 

I appreciate your help.