[Resolved] Fa Fa Icons

[Dhruv]

Dear Tom

What is the best & easiest way of inserting Fa Fa Icons, in my blog posts & pages before my headings ?

Thanks

[Tom]

Do you mean Font Awesome icons? GP includes them by default, so you just need to add the HTML provided by them.

For example, Facebook: <i class="fa fa-facebook-official"></i>

http://fortawesome.github.io/Font-Awesome/icon/facebook-official/

[Dhruv]

Can I use this code directly in Visual editor of post ?

[Tom]

Absolutely – but you have to paste it into the “Text” editor first.

[Dhruv]

Sir..
My font awesome icons and paragraphs are removed when I save and go back to edit them, while using sections.

[Tom]

Very weird – I was having the same problem.

I found a solution – place some HTML comments in between the tags, like this:

<i class="fa fa-truck"><!-- icon --></i>

[Dhruv]

Thanks.. Its now working.

[Tom]

Perfect 🙂

[Max]

Tom

It would seem that this bug is still in the most recent version of GP. Is that correct?

I spent all night working on a complex icon layout in a section last night saving and viewing as I went.

And then on the final save. All of the icon related code was stripped out.

Kind Regards

Max

[Tom]

It’s not a GP thing – it’s the WordPress visual editor. It strips empty elements from your content, so you need to add the HTML comment so the element isn’t empty.

[Author]

Posts