Skip to main content

Possible online services disruption due to Internet related outage

A worldwide technology outage is causing disruption to some State of Illinois online systems.  We are aware of this issue and are diligently working on restoration.

Round Icon Card

Description

Round Icon Card is a component designed to call attention to a page or document through the combination of a circle, title, and icon.

Authoring

The Round Icon Card component is a clickable circle that contains an icon, separator, and title that allows you to feature a link or document.

Configuring the Properties tab

  • Enter a title.
  • Link to a page or document and enable it to open in new tab as needed.
  • Enable open in new tab as needed.
  • Select an icon as needed.
  • Alternatively you can configure an image instead of an icon. Don't forget to configure the image alt text.
  • Select a background color for the card.

Configuring the Styles

  • Adjust the card size from small to large as needed.
  • Adjust the card text color as needed. Select white text style if you have configured a dark background color and vice versa.

Examples

Dark Text & Small (Default)

Dark Text & Large

White Text & Small

White Text & Large

Image In Place Of Icon