Using font awesome in module headers

I noticed that the [icon] pulls in the class gk-icon to the html. Johns icons work with -flame, -heart, etc.

In the template settings I set all of my header tags to pull in squirrel fonts and link to font-awesome. I am not sure which tag to use in my title to create the fa class that I want. Should johns Icons still work even if the settings have changed to font awesome?

I am trying to use http://fontawesome.io/icon/cogs/

Could you please post an url to your site where you have put some FA icons and they do not work??

http://www.scottiev.com/JR

I would like to different icon in my animated section title headers.

It's not that straight as it looks.
If you use [icon-something] in module title/heared it will change this "shortcode" into html icon:

Code: Select all

<i class="gk-icon-something"></i>


Now if you will look into:

Code: Select all

templates/gk_john_s/css/gk.stuff.css


file you will find out that there are declared font awesome' like declarations for few icons that are used with john. If you would like to use other fonts (font awesome or any other font-face custom font) you would need to create same declarations for your icons.

That worked, thank you. My new icon looks slanted though. I thinks its from the <i></i>. Is the font is italicized?

Should not be.
Could you please post an url to your site - to a particular place where I can see this issue?

http://www.scottiev.com/JR the first header under the introduction and the blog header.

Hi,

you have set the font-style of .gk-icon-gears:after to none. This is not valid. Could you try to add this:

Code: Select all

.gk-icon-gears:after {
font-style: initial!important;
}

Best,
Dirk

@Vosburgh - could you please create a screenshot and "simulate" how it should looks like vs how it looks like right now?