Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Hi Guys,
OK I give up! why can't I get my Font Awesome icons to show up?
I have been playing with this for a couple of days now and can't find out how to get the blighters to show.
I place (eg) <i class="icon-home"></i> in the Header text either before or after as per examples.
What am I missing, please I know it must be something dumm!
--Lofty
Offline
When you say "header text", what are you talking about?
Offline
Hi Matt,
Sorry my bad! I mean text that is formatted as h1, h2 etc.
so I enter ## <i class="icon-home"></i> Home
or ## Home <i class="icon-home"></i>
Offline
Into the Page Copy (md) field? If so, then it works just fine here.
Offline
Via Publisher, in the Block Copy.
But also by editing the xml file directly.
Offline
It works for me in the Publisher Content Block. In the xml it ends up in the <block-content> tag
you have a link to a problem album?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I knew you were going to ask that Rod, but no this is on a test server at home.
When I inspect the element in Chrome or Firefox tools the i element just doesn't show. Very frustrating.
That's why I'm sure it's something I'm missing. Everything else works fine. All my custom PHP and CSS is OK, just trying some new bits for a bit of fun!
Guess I'll have to wait to put it online when I've sorted it all out, then I can ask again )
Meanwhile having fun.....
Offline
are the fonts being called correctly? Take a look at the source code. In mine, font awesome gets called around line 57. See if it's looking in the right place or if it's looking somewhere it can't get to because it's on your test server
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
OK Rod,
I'll give it a go when I get home, if the wine doesn't kick in first!
Offline
CE3: More fun with wine!
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Hey, wine worked! I now have Icons working inline, really not sure why they didn't work.
Next challenge is Icons on the Menu items....
And it's true CE3 is more fun with wine!
--Lofty
Offline
Icons in the menu may not work. At least, not when using drop-menus. They interfere with our Javascript for the carets.
Offline
Offline
OK! I think I have established what is going on! I now have my site partially upgraded to CE3 and maybe you guys can shed some light as the issue seems to be browser specific.
I have two domain names pointing at the same site;
http://www.kopstone.co.uk and http://www.gypsypics.co.uk
When I designed the CE3 Pages and CE3 Gallery I used www.kopstone.co.uk as the site root.
Visiting my site using Chrome/IE9 or Safari makes no difference which address I use.
However when I use Firefox (versions 16.2 on my Mac/17.0 on my PC) and go to www.kopstone.co.uk all the font awesome elements show fine, when I use www.gypsypics.co.uk none of the font awesome elements are displayed correctly.
Spooky!
Offline
Try using just / as your site root.
Rod
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Offline
Pages: 1