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:
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>
-
- Fresh Boarder
- GK User
- Tue Mar 03, 2015 7:54 pm
Could you please post an url to your site?
-
- 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>
-
- 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?

Is there anything else I can help you with regarding this topic?
-
- 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
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
-
- 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?
-
- 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.
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.
-
- 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
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
-
- Moderator
8 posts
• Page 1 of 1