Joomlabamboo Support Forum :: Topic: Font Awesome (1/1)

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Font Awesome

If you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 1 month ago

Hallo,

some icons from fontawesome don´t working in my project, I try to use the motocycle (fortawesome.github.io/Font-Awesome/icon/motorcycle/) in a module, at the field module class sufix I put icon icon-motocycle medium but it´s doesn´t work. What can I do to fix it?

My URL www.yoga-retreats.in/ladakh-enfield-motorcycle-tour.html

Many Thanks in advance
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi Ricardo,

Neither the template nor the framework support that latest version of font awesome

Did you previously link directly to the font awesome cdn?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 month ago

Hello Paul,

I put <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">, at template configuration, "After <head>" field in custom code.

This is correct?

I ywould like to use in the same project more icons of font awesome, but I don´t know what is the best way to use with module class suffix. I article is no proble.

Ricardo

Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi Ricardo,

Before </head>

Icon wise it depends on what icons you want to use - if they are supported by the template/framework its a lot easier

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 month ago

Ok Paul changed to Before </head>, but is make no effect, still continue be able to use all icons in this form: <i class="fa fa-lightbulb-o"></i>

But not as module class sufix.

How can I know with icon are supported to the template/framework and how can I extend it to the include the new icons?

Under folder template I find not a framework folder, the moments template is not so new, right...

Thanks for all help
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi Ricado,

The latest versions of fontawesome do not use icon icon-iconname you need to use

fa fa-motorcycle

Robert Went
Moderator
2210 posts
196 Thanks
Karma: 90

The administrator has disabled public write access.

9 years 1 month ago

Hallo Rob,

Thanks for the help!

I try, but the result is no nice, please loo the menu "Motorcylce Tours" at www.yoga-retreats.in/tours/motocycle-tours/royal-enfield-safari-in-rajasthan.html

the use of medium to resize dont work amd the fa-3x resize the text andhide the icon, also don´t show the icon in white color and align left.

Who can I use it esactly how the template use the previous version of the fontawesome icons?

Bets regards
ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi ricardo

Add the class so it reads

icon fa fa-motorcycle medium

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 month ago

Hallo Paul,

it´s working great, many thanks!

But something style the font H3 different and I can´t find what, please look to "festivals" www.yoga-retreats.in/land-of-maharaja.html

how can the h3 continue styled like all others?

Best Regards
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi Ricardo,

looks the same to me - have you fixed the issue?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 month ago

No, the font are not the same, some small, really different of all other h3 at sidebar

Cheers
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

send you my scree

Attachments:

CapturadeT...2.11.png (852KB)

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

I'm afraid I still can't see any different appearance wise on my screen - looks like font-weight on your screen show but css code wise it looks the same

Have you tried changing the class used?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 month ago

Halo Paul,
if I disable the property -moz-osx-font-smoothing: grayscale; at the .fa class then the problem don´t happen any more, I use a mac and maybe that is why you don´t see the problem? it´s a very subtle different to the standart h3, look like font-weight is different.

any idea?

Best Regards
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Hi,

I can't visually see any difference but the top module title is being affected by the fa class.

Try removing the module class suffix and see if the text is then the right size.

They are all showing as 16.8px for me.

Rob

Robert Went
Moderator
2210 posts
196 Thanks
Karma: 90

The administrator has disabled public write access.

9 years 1 month ago

Hi Rob,

if I try remove the fa class before, the text become normal and the icon disapear.

My solution is style .fa h3 {font-weight: bold !important;} and now it´s work´s.

Thanks for all help
Ricardo

ricardos
LIfetime Developer - Big Bamboo
297 posts
Karma: 0

The administrator has disabled public write access.

9 years 1 month ago

Great!

Glad you got it working

Robert Went
Moderator
2210 posts
196 Thanks
Karma: 90

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Font Awesome

Happy Campers