Recent
Categories
View Replies (6)

London Template and Font Awesome

  1. Issue
0
Votes
Undo
  1. Planet
    Planet
  3. Commercial Templates
  4. Friday, 28 July 2017
  5.  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.
  1. London
  2. font awesome
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Planet
Planet
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. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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. # 3
Planet
Planet
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. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
Planet
Planet
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!