1. Planet
  2. Commercial Templates
  3. Friday, 28 July 2017
  4.  Subscribe via email
I am using London Template. I am not able to get any Font Awesome fonts to appear in any of the places I'm using the code. For eg. I wanted to use icons in markup for a list and I tried various ways to write the code and no fonts appeared, tried to put an icon into a span of text and the font didn't show. I also am trying to add an font for 'fa-car' for a Plugin which integrates with font awesome fonts, which I've used in another website with Virtuoso template with no problems, same code isn't working in London template.
I am using the Icons Module that came installed in the template, with Pixeden fonts, and they are displaying fine.
I am currently building this website in localhost MAMP enviro so can't give you a login or a URL, just wondered if you could suggest a quick fix. If not, I'll wait until the site is online and then forward you a login. Thankyou.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

As a quick fix try adding the following to the Custom Head Code field found in the Custom Code tab of your templates parameters.

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


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I have published the site now - see below (Chandlers Smiths Beach Villas). I've also added a URL to another site where it shows what it should loook / work like (Hidden Valley)
scroll to the bottom, the pop box for 'Driving Directions'... in the site I'm creating now a have the problem, the font awesome icon isn't displaying, whichever fa-class I use. I've tried with car, map-marker, phone etc. (old ones and new ones).
References
  1. http://www.yourhiddenvalley.com/index.php/contact-us
  2. http://www.chandlerssmithsbeach.com.au/new/index.php/contact-us
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran, after adding this code some are working (ie when I write the code copied from Font Awesome for just general markup within an article, yes fine now. But it's still not working in the plugin I have where I add the icon's class to the plugin eg {popart class="ibtn ibtn-dark-blue" icon="fa-map-marker" text="CLICK FOR DRIVING DIRECTIONS" article="124"}{/popart} -- this doesn't show the icon. This is maybe not your problem as the plugin is 3rd party another developer, however I have it working the same in one of your other j51 templates and the icon shows fine.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

The icon is actually there however its color makes it impossible to see. To amend try adding the following to the Custom CSS field of your templates parameters...

.plg-pop-article .fa::before {
color: #fff;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Of course, I don't know why I didn't look more closely for that solution ;) . Many thanks for your time and help.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • 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