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
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.