How do I insert icons into my content blocks?

Font Awesome is a collection of icons that ActiveDEMAND users can use within landing pages. Specifically, Font Awesome gives you scalable vector based icons that can instantly be customized include size, color, drop shadow and other characteristics.


Using Font Awesome Icons in ActiveDEMAND

To insert a Font Awesome icon into text within your landing page, simply select the "Insert/Edit Icon" button from the WYSIWYG HTML editor as shown below.

font-awesome_1_.jpg


Available Options

There are several options available when using Font Awesome icons. There are:

  1. Size: The size parameter determines the size of the icon. There are six sizes to choose from:
    1. Normal
    2. Large
    3. Large X2
    4. Large X3
    5. Large X4
    6. Large X5
  2. Rotation: The rotation parameter will rotate the icon. The options are:
    1. None
    2. Rotate 90
    3. Rotate 180
    4. Rotate 270
  3. Border: Check the box to apply a border to the icon.
  4. Spin: Select this option to continually spin the icon in a clockwise direction.
  5. Flipped: Select from two options to flip the icon:
    1. Horizontally
    2. Vertically

Examples

Larger Icons

fa-lg   fa-2x   fa-3x   fa-4x   fa-5x


List Icons

  • List icons
  • can be used
  • as bullets
  • in lists


Fixed Width Icons


Bordered and Pulled Icons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum blandit leo at suscipit. Aenean vehicula placerat dui at luctus. Nam et pharetra augue, sit amet eleifend magna. Sed lectus felis, ultricies vitae ultrices ac, ultricies et dolor.


Spinning Icons

         


Rotated & Flipped Icons

normal fa-rotate-90 fa-rotate-180 fa-rotate-270 fa-flip-horizontal icon-flip-vertical

Was this article helpful?
1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.