Color your site with visual interest

Image components quite simply add stand-alone imagery within your webpage. With a full suite of configuration options, use visuals to color your site with images from the Asset Manager.


  • Imagery or icons
  • Crop tool
  • Captions
  • Alignment & widths
  • Hyperlink
  • Fullscreen (modal) mode

Pro Tips

  • Use the "wrap text" (float) function to surround your image with words
  • To crop the image, first add, then use the Quick Edit mode (pencil). For presets, enter fullscreen mode
  • Consider using the Text & Image component for easy preformats
  • Always upload files to the Asset Manager first – do not insert from desktop
  • Toggle fullscreen modal for images with text

Visual Manual

Align left-column colors with right-column content

Input Fields

Configure the output

Output Key

Displays the input fields

Note: Images occupy a full line, no matter the alignment. Use the "wrap text" function (B) or Panel Builder columns to place other content along the same plane.