Recent
Categories
View Replies (7)

j51_Layla, mod_j51_icons, and Font Awsome

  1. Issue
0
Votes
Undo
  1. keithvb
    keithvb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 12 July 2022
  5.  Subscribe via email
I'm upgrading https://www.thesciencecouncil.com/ to Joomla!4.
To do this I'm switching from j51_London to j51_Layla.
The working version of the website is https://bak.thesciencecouncil.com/

Problem: mod_j51_icons on the home page does not display the Font Awesome icons as it did with London.

What am I missing?

Thanks, Keith
Responses (7)
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Just a note...
With j51_Amelia Font Awesome icons show...
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

Would you have a URL directly to an example of the issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
This is the problem site: https://bak.thesciencecouncil.com/

This is how it should look: https://thesciencecouncil.com/

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 3
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
The issue I'm dealing with is only the Font Awesome icons not appearing.
Adjusting the new template to look like the original template is my problem.

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

As Joomla 4 is using Font Awesome 5, try changing your font class to the following...

far fa-check-square


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

I see that it works by adding the "far" in the browser inspector,

<i class="far fa-check-square text-primary j51_icon_style_none"></i>

but I don't know where to add the "far" in the template...

Thanks, Keith
  1. more than a month ago
  2. Commercial Templates
  3. # 6
keithvb
keithvb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I figured it out.

Put the "far" in the j51_icons configuration page "Icon(s)" tab.

thanks as always, Keith
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!