Gantry 4.1.15 and Fontawesome 3.2.1
-
-
- techsn
- Rocketeer
- Posts: 73
- Thanks: 0
- Hi. I made the change to my global.less file but cannot get to the new icons, for example icon-android. I am using Wordpress with Gantry 4.07. Also, is it possible to use the other features of fontawesome like class="icon-quote-left icon-4x pull-left icon-muted" and other thing meantioned on the fontawesome example page? fortawesome.github.io/Font-Awesome/examples/ Thanks!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
techsn wrote:
Hi. I made the change to my global.less file but cannot get to the new icons, for example icon-android. I am using Wordpress with Gantry 4.07. Also, is it possible to use the other features of fontawesome like class="icon-quote-left icon-4x pull-left icon-muted" and other thing meantioned on the fontawesome example page? fortawesome.github.io/Font-Awesome/examples/ Thanks!
Please Upgrade to Framework version 4.0.8 the font path is fixed in this version.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
techsn wrote:
Thanks.. How can I mark a thread as solved?
You cant, Katrin is the owner of the Thread she can do it..
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Rencontre Des Continents
- Newbie
- Posts: 6
- Thanks: 0
-
Hello, may I ask if there is any recommendation regarding Fontawesome and the Metropolis template ?
I have opened a topic here but still encounter several issues: http://www.rockettheme.com/forum/index.php?f=337&t=208848&rb_v=viewtopic
-
-
-
- techsn
- Rocketeer
- Posts: 73
- Thanks: 0
-
I upgraded to Gantry 4.0.8 per Damir's advice (and put back the original global.less file before doing that).
I still can't use any new 3.2 icons for example icon-skype.
Also, is there anyway to use the fontawesome customization show at fortawesome.github.io/Font-Awesome/examples/ like icon-muted?
Thanks!
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
techsn wrote:
I upgraded to Gantry 4.0.8 per Damir's advice (and put back the original global.less file before doing that).
I still can't use any new 3.2 icons for example icon-skype.
Also, is there anyway to use the fontawesome customization show at fortawesome.github.io/Font-Awesome/examples/ like icon-muted?
Thanks!
The 3.2 icons are not activated by default so you will need to add that change to global.less file
find:
@import "jui/less/font-awesome.less";
and change to:
@import "jui/less/font-awesome/font-awesome.less";
and now try like this:
<p><i class="icon-muted"></i> icon-camera-retro</p>
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- techsn
- Rocketeer
- Posts: 73
- Thanks: 0
- Thanks, Damir. So for future reference... I needed the global.less change AND the Gantry update to 4.0.8? BTW, your example html should include class="icon-camera-retro" in addition to the icon-muted class.
-
-
-
- techsn
- Rocketeer
- Posts: 73
- Thanks: 0
-
Once I got the new icons working, all the icons on my site are not lining up correctly. See
www.techsn.com/data-recovery/
for an example. This page has two icons: icon-hdd and icon-check. Both are added via the 'custom variations' option in the widgets. Note that the alignment of the icon is off compared to the theme demo. Note also that the text in the block that follows has the wrong font as it was Arial beforehand (i.e. the 'For Tech Tips' in the sidebar that is now shown in Times).
BTW... the icons align correctly if I use them in a normal page title or body. The problems occur when the icons are used in a widget in the custom variations option.
-
Time to create page: 0.068 seconds