1. EndeavorMorse
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 31 August 2020
  5.  Subscribe via email
Ciaran,

I upgraded a template from Kinvara to Layla.

The AF in menu items and modules (J51_icons & J51_inlineicons) are no longer working (not loading?) Example: https://oldsilent.com/endeavor/index.php/reading-room

Would you suggest where I might begin in solving this issue?

Cheers,

Ron (Update below)

I put the Skyler template on the above referenced site. AF works just fine. As the Layla template is advertised with AF 5 (and Skyler with AF 4.7), I am wondering if this may be the source of the issue.
References
  1. https://oldsilent.com/endeavor/index.php/reading-room
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ron

Yes, this does indeed sounds like a Font Awesome versioning issue. Have you installed the modules from your Layla template bundle? If yes, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

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

Requested info is on the way.

I did upload the modules that came with Layla. The problem did not appear to be the modules as the use of Font Awesome also did not work on menu items.

Layla is on the site, but Skyler is the current default.

Thank you for taking a look.

Cheers,

Ron
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello all,
I am having the same problem with the Layla template. I installed the template and the layerslideshow module.

I checked the demo site for Layla template and there Joomla51.com uses it like this:

class="fa fa-twitter"

If i use it like this, e.g. in an anker, like this:

<a href="#" class="fa fa-envelope">

than I can see the icon but my following anker text is in a serif font and no longer in the normal site font I have choosen (see screenshot).

A workaround could be:

<i class="fa-envelope"></i>

before the anker definition.
But this is less comfortable than in older templates where I only had to set the correct class without an extra "fa" class and without font issues.

I would prefer working again like we could before with a class for each FA icon, no extra classes ... no issues.
But thats only my opinion ;)

Oliver
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

As the Layla template now uses Font Awesome 5 there is a couple of unavoidable side effects. Firstly as FA5 has a number of categories (Solid, Regular, Brands etc.), we can no longer define a font with a single class. FA requires that the icon class be prepended with a category class (.fas, .far, .fab etc.). So instead of ...

<i class="fa-envelope"></i>

You must use..

<i class="fas fa-envelope"></i>

This also applies for menu items. Where before you could use fa-envelope you must now use fas fa-envelope.

A second issue is how FA5 applies its CSS which differs from FA4. This is a little more technically to explain but in short you must now a a font separately to the text. So before you could use...

<a href="#" class="fa fa-envelope">Your Link</a>

You now must use...

<a href="#"><i class="fas fa-envelope"></i> Your Link</a>


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Ok, that is not good. Why? Because I have to do this in HTML Code and cannot even quickly add e.g. a FA class to a link.

Is there a possibility to go back to the former font-awesome declaration? If I delete all FA5 files out of the template > fonts folder and add the older ones? is there anything I had to change e.g. in one of the main php files too?

Or do you have another workaround?

Sorry Ciaran but I think not every "new" version seems to be a good idea.
I love FA because it gives the site a more "expert" look if one uses it in the right way but we all have to work fast and "time is money" so every new thing that "costs" more time is more money for the customer ;)
But this is only my sight and it mustn't be right..... ;)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran,

Thanks for the explanation; pretty simple, really. I'm not quite sure why this did not occur to me. Perhaps, with Arsenal winning a few matches lately, I have just become giddy.

For others who may be interested, I have attached a link to Font Awesome and their presentation of the use of FA 5.

Cheers,

Ron
References
  1. https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Oliver

We had held back on updating to FA5 for as long as possible but with the release of FA6 on the horizon and considering there was a few requests to update, we felt it was time to make the change.

To revert to FA4 simply disable Font Awesome in the General -> Typography tab of your template settings. And add the following to the Custom Head Code field in the Custom Code tab.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran for the information. I will try this :)
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok