Fa Fa Icons

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/

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

Absolutely - but you have to paste it into the "Text" editor first.

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

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>

Thanks.. Its now working.

Perfect :)

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

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.