[MichaelWBell]

Hi,

Purchased the theme and LOVE it! Thanks also for helping me create an account here over the last few days.

I do have one quick question: I see the theme has ‘Font-Awesome’ V 3.02 Is it possible to upgrade to Font-Awesome 3.2.1? I tried to download 3.2.1 but not sure how to update.

I have tried to use a few font-awesome icons but some are not displaying. my guess is because they were added in 3.2.1 ?

Thanks for reading.

Michael

[Mehmet S.]

Download the latest version and replace.

[MichaelWBell]

Before posting here, I downloaded the latest version – 3.2.1

The folder of the latest Font Awesome download is different to how the Bookcard WP theme folder structure is laid out. So I tried to replace all the font awesome files that were in Bookcard with files from the latest version, but then none of the font awesome icons were working!

So reverted back to the original bookcard files.

What would be the update procedure?

[Mehmet S.]

What did you find in the package which you downloaded from Font Awesome?

[MichaelWBell]

Here is a a link to the exact version of Font-Awesome that i downloaded – 3.2.1
http://thelode.com.au/transfer/font-awesome.zip
270kb file

When i downloaded this file, I tried to just replace all files in your theme that had the exact same name as files in in this installation (anything related to font awesome).

After doing that, no font-awesome icons would display. I then reverted back to the previous version.

Here is the site I am working on with your theme:
http://throwdown.com.au/test/

in the ‘services’ page, you can see half of the icons are not displaying because they are only added in the newest version of Font-Awesome.

[Mehmet S.]

Hi,

– Download that zip file,

– Unzip it,

– Open the font-awesome folder,

– Open the font folder,

– You will see 5 files,

– Copy all of them,

– Go to theme folder,

– Open css/fonts/FontAwesome/

– Replace.

Thanks

[MichaelWBell]

Hi Mehmet,

i’ve tried this and it is still not working. – Copied your steps exactly.

The same Icons do not display. I believe this is because they are included in the newer Font Awesome than what is included in BookCard.

Do I also need to update the CSS or shorcode files somehow?

Here is the Font Awesome Cheat Sheet I have used:
http://fortawesome.github.io/Font-Awesome/cheatsheet/
I have triple checked I have entered the shortcodes in correctly.

[Mehmet S.]

Yes, you are right. You also need to update font-awesome.css file. It is in the css folder.

Thanks

[Alexey]

Hi Mehmet! I did the exact same steps: downloaded Font Awseome v4.0.3 from the official site, unzipped the archive and replaced file from Font Awesome folder on the server with 5 corresponding files from v4. I also replaced font-awesome.css file with updated version but now all icons on my site turned into empty squares.
I think it could be because of new naming conventions in v4 (fa-[name]-[shape]-[o]-[direction]). There’s also a new default font path for v4 as stated here https://github.com/FortAwesome/Font-Awesome/wiki/Upgrading-from-3.2.1-to-4
What should I do to make the updated icons work?

[Mehmet S.]

Yes, you are right, since v4.0 structure has changed in Font Awesome. BookCard WP theme currently has Font Awesome 3.0.2, but you can try to update it to the latest 3x version (3.2.1).

– Download Font Awesome 3.2.1 at http://fontawesome.io/3.2.1

– Unzip the package.

– Copy the new font files from “font” folder to theme font folder ( theme/css/fonts/FontAwesome ).

– Copy the new css file font-awesome.css from “css” folder to theme css folder ( theme/css/font-awesome.css ).

– Edit the relative paths for the url properties in font-awesome.css:

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome/fontawesome-webfont.eot?v=3.2.1');
  src: url('fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/FontAwesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/FontAwesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/FontAwesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

[Alexey]

I think I’ll be ok with 3.2.1 – t has all the icons I need. However I’m using Read WP – are the steps you’ve mentioned the same for it? I used search on forums but there’s no way to specify a thread to search in.

[Mehmet S.]

Same :)

[atblue]

Alexey, ever get this to work with Read? I’m having the same issue with the icons only showing the unicode square in FF (v26).. everything works fine in Safari and Chrome. I updated to most recent version of fontawesome files as described above but no luck and driving me crazy!

[Alexey]

Yes, I made it work for v3.2.1 of Font Awesome (I needed a couple of icons which weren’t available in the version included into the theme package by default). I followed the steps, given by Mehmet, exactly and it finally worked. At first I thought the last step was unnecessary because code inside font-awesome.css seemed the same but after I replaced it with Mehmet’s code, new icons started to show correctly.
I hope it helps!

[Mehmet S.]

Ok. Good luck.