Skip to content

Link Cards

Clickable boxed cards with icons, images and text.

When inserting a Link Cards component it starts off empty. After adding the component, you need to add each Link Card individually. This is done in the special Link Cards zone inside the component.

The link cards have the option of displaying an icon from a public icon library called Font Awesome. Find the appropriate icon at http://fontawesome.io/icons/ - e.g. "phone-square" - and insert the icon name in the Font Awesome Icon Name field.

There are no restrictions as to how many cards you can create within a Link Cards component, but they scale to the space available and position themselves next to each other in a single line, so the recommended number is 1-4.

Each link card can have a icon background color. But not all skins fully support this feature. The color value has to be specified in one of the following ways: hex(#000000), rgb(255,255,255) or rgba(255,255,255,1) hsl(0,100%, 30%,) or hsla(0, 100%, 30%, 1). When the link card is hovered, the whole link card will get this background color.

Example Link Cards Component Example

Link Card Title

Here goes the link card text. The link is defined in the top of each card in Edit Mode.

  • Use a bullet list
  • For special design
  • With check icons

Standard Icon

You can select an icon from the Font-Awesome icon library to use in the top of the card.

This link card also has a icon background color set.

Custom Icon

You can upload custom icons for use in the cards. The preferred icon format is .SVG, but any transparent format will do fine.

Icons are scaled to fit the link card.