Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#193204

Hello all,

I updated Smashboard to 1.0.4 and I have the half of Menu icons disappeared, then I updated Fontawesome to 4.0.3 and I lost all the icons of the site…

I updated LESS and the result is the same…

Did you encounter that before….

My website: http://makanez.net/

Thanking you in advance

Ara

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516380

Hi Ara,

The FontAwesome 4.x version changed completely the class name of icons so that all icon classes of older version we use in JA Smashboard template went away.

i.e: The plus icon.

icon-plus —->> fa-plus

In this case, we would like to suggest to roll back the FontAwesome v3.0.1 which our JA Smashboard template does support at this time. I did also attach the FontAwesome folder of the template, you can download and extract to templatesja_smashboardfonts path.

For the missing icon issue after updating the template, you can try to backup the modification and click on Compile Less to Css button in Template Manager, then Save. The updated styles in .less files of template can be compiled to corresponding .css files.

---

Attachments:

1. font-awesome.zip

1 user says Thank You to phong nam for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#516408

Hi Leo,

Thanks, I tried to change the icon’s name after 4.0.2 and compiled LESS but it gave me only the placement of Fontawesome icon and not the icon itself…

I revert to to Fontawesome 3.x and I will dig further to understand if I have to re-link something inside the template itself.

1 user says Thank You to Aratype for this useful post

1. phong nam

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516452

Hi Ara,

I just want to add some words that you can make a snapshot of those missing icons and send me PM with the admin login inf. I will come back to help you check and give you suggestion on this issue.

You know, I could not reproduce the same issue when I tried to update from v1.0.3 to v1.0.4 of the Smashboard template with Joomla 3.2 demo site on localhost.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#516498

Hi Leo,

Thank you again, actually, I understood the issue… I used FontAwesome 3.2.1 http://fontawesome.io/3.2.1/… I used more icons that are not available in version 3.0.1

In updating to version 1.0.4 FontAwesome retrograded to 3.0.1… and I found the missing icons…

I upgrade my icons again to 3.2.1 and found them again…

However, as I told you, if I put the 4.x version and update the link in the back-end I can not get the icons… only the indication of FontAwesome

Hope it helps.

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#516512

@aratype,

If you are using the T3 Framework you can use some icons of the Fontawesome 3.1 only. Including all awesome new version to you site is not a trivial task, anyway you can try steps below:

– Step 1: Download the latest Awesome font version to your computer
– Step 2: Use a font tool to generate font, eg. http://www.fontsquirrel.com/tools/webfont-generator
– Step 3: Create a file “custom.css” into the template css folder …/templates/css/. In this file, use syntax @import to import the font.

Then, the icons are ready for your use

Note: Importing font awesome 4.x will not affect old font set as the new one use different prefix to icons.

Hope that helps.

[woluweb Friend woluwebJoin date: October 2012Posts: 196Downloads:18Uploads:69 Thanks: 68 Thanked: 31 times in 3 posts]

#518965

Hi everybody,

Here is a thread that might be of interest for you.
Indeed I was trying to find a solution to be able to use Font Awesome 4 (instead of 3).
And after a few hours of work, I have found a extremely easy solution.

I just wanted to share 🙂
http://www.joomlart.com/forums/topic/font-awesome-still-version-3-icon-home-and-not-version-4-fa-home/#post-518964

Yours,

Marc

1 user says Thank You to woluweb for this useful post

1. Aratype

[Author]

Posts