Element: Icon

Display an icon with optional hover effect

Content

  • Font Icon
    Select an Icon below
  • Optional Tooltip
    Add a tooltip for this Icon. The tooltip will appear on mouse over

Styling › General Styling

  • Icon Style
    Here you can set the style of the icon. Either display it inline as part of some text or let it stand alone with border and optional caption
  • Icon Caption
    A small caption below the icon
  • Icon Size
    Enter the font size in px, em or %
  • Icon Position
    Choose the alignment of your icon here

Styling › Colors

  • Icon Color
    Here you can set the color of the icon.

Advanced › Link Settings

  • Icon Link
    Where should your icon link to?

Advanced › Effects

  • Sonar/Pulsate Effect
    Select a sonar/pulsate effect for the element.
  • Sonar Shadow Color
    Select the color for the sonar shadow.
  • Sonar effect duration
    Select approx. length of one effect, larger value slows down
  • Expand Scale
    Select the expand value for the sonar effect
  • Element Opacity
    Select the opacity of the element when expanding

Advanced › Animation

  • Animation
    Should the icons appear in an animated way?
icon caption
icon caption