Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2013-03-26 08:46:51

awjensen
Member
Registered: 2013-03-18
Posts: 33

Use font awesome icon in Block

How do I insert a font awesome icon into one of the Block fields? I need to provide users with instructions on using the google maps feature.

Offline

#2 2013-03-26 08:59:56

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Use font awesome icon in Block

if you have Pages, there are lots of example scattered throughout the default setup.

There are also lots of examples of using in Font Awesome in html at the bottom of this page: http://fortawesome.github.com/Font-Awesome/

generally though, use this format: <i class="icon-home"></i> icon-home being the name of whatever icon you want to use. There are a lot to choose from on the Font Awesome page

if you want to add color: <i style="color: #f93;" class="icon-home"></i>
Size can also be controlled by using it with a heading tag. In Markdown, using an H2 tag looks like this:
## <i style="color: #f93;" class="icon-home"></i> the Home page

copy and paste any of those into a text block to see the results


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB