Icons with Text

Simple boxes of content with icon, text, and call to actions

View a live demo of this module.

Content

  • Add a FontAwesome icon or custom image
  • Make entire content clickable to a link (do not add more than one CTA or a CTA with differing URL as they will not work)
  • Add a CTA
  • Set how many columns to have in a row
  • Edit padding between rows
  • Edit padding between columns
  • Change max icon height
  • Choose icon alignment (top, top center, right, left)

Styles

  • Set Dark Mode
  • Box In the columns (add background and border)
  • Split lists into two columns
  • Change text alignment
  • Edit module spacing

Note: Edit these global styles from your Theme Settings under the Components > Icon with Text section.

  • Change icon color
  • Set Dark Mode icon color

icon-with-text