Font Awesome not showing up

GK User
Tue Mar 03, 2015 7:20 pm
I do not get what I am doing wrong! In the footer are 4 font awesome icons. "Use typography" is turned on. This is the Steakhouse template for Joomla 3. For me they show as boxes instead of the icons. I can PM the login details as i have to have the site set to maintenance right now, just let me know who to send it to.


My code is:

Code: Select all
<h3 class="header">JOIN US!!!</h3>
<i class="fa-google-plus-square"></i>
<i class="fa-twitter-square"></i>
<i class="fa-facebook-square"></i>
<i class="fa-youtube-square"></i>
User avatar
Fresh Boarder

GK User
Tue Mar 03, 2015 7:54 pm
Could you please post an url to your site?
User avatar
Moderator

GK User
Wed Mar 04, 2015 5:09 am
I am an idiot, I didn't notice I was missing an fa before the name.

Code: Select all
<i class="fa fa-google-plus-square"></i>
not
<i class="fa-google-plus-square"></i>
User avatar
Fresh Boarder

GK User
Sat Mar 07, 2015 6:54 pm
Oh, ok. I'm glad you could solve it by yourself :)
Is there anything else I can help you with regarding this topic?
User avatar
Moderator

GK User
Fri Apr 03, 2015 9:26 pm
Hi everybody

Sorry if this is not totally in tread with the initial purpose... But I encounter a problem with Font Awesome too.

The issue is related to Font Awesome icons that I wan't to be placed in a custom HTML module. The template used is University (Joomla 3.4.1. & template version 3.16).

The problem is that the icon only shows if I add some kind of text in connection with the icon. I wan't to show the icons without any text connected with it.

This is the code I have placed in the HTML module: <p><i class="fa fa-lightbulb-o fa-4x">.</i></p>

If I remove the text - in this case the '.' nothing will show and the code will be corrupted/disappear.

If I keep the '.' the icon shows just fine.

My guess would be some kind of template error - or ?

Really hope you someone is able to help me out, as I do not understand what I might have done wrong.

Best & thanks in advance
/ Kristian
User avatar
Fresh Boarder

GK User
Sat Apr 04, 2015 10:37 am
Could you please post an url to your site where this issue could be seen?
User avatar
Moderator

GK User
Tue Apr 07, 2015 9:47 am
Hi

The site is a work-in-progress and therefore still offline. Here are some informations though.

The font awesome icons are put within a custom-html module which is placed in the header_bottom module position. The module is placed on the frontpage of the site.

The following code is what you would see in the editor if you had access:

"<table>
<tbody>
<tr>
<td>
<p><i class="fa fa-lightbulb-o fa-4x">.</i></p>
Overvejer du en phd.?</td>
<td>
<p><i class="fa fa-gear fa-4x">.</i></p>
Iværksættter i maven</td>
<td>
<p><i class="fa fa-user fa-4x">.</i></p>
Fremtidens leder</td>
<td>
<p><i class="fa fa-globe fa-4x">.</i></p>
Global karriere</td>
<td>
<p><i class="fa fa-money fa-4x">.</i></p>
Privat økonomi</td>
<td>
<p><span class="fa fa-rocket fa-4x">.</span></p>
Jobmarkedet</td>
<td>
<p><i class="fa fa-book fa-4x">.</i></p>
Karriereakademi</td>
</tr>
</tbody>
</table>"

I have attached an image that shows how the icons are shown on the frontpage.

What I wan't is the icons to show without beeing forced to add text in connection with the Font Awesome icons.

If I remove the text (here the '.' the code and the icon will disappear.
User avatar
Fresh Boarder

GK User
Tue Apr 07, 2015 7:16 pm
I need to site live example.
Is it anywhere live?
Could you please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread
User avatar
Moderator


cron