Skip to main content

Search

Welcome to Support

CMS: New Content Editor: Editing Text, Images, Buttons and Icons

  • Updated

Applies to: This article is for customers using CMS Module. If your organization uses the Content Legacy Module, refer to the corresponding article for that module.

Editing Text

  1. Highlight the text and select the right panel to show design options: Style, Alignment, Spacing, Size, Animation, Position.
  2. To change the actual words, click Edit Text in the element toolbar above the block.

_____________________________________________________________________________________________________________________

Editing Images

  1. Click any image on the canvas to select the Image element.
  2. The right panel opens the Image Content panel showing a thumbnail preview, filename, and dimensions.
  3. Click Replace to swap the image — upload a new file or choose from the media library.
  4. Open the Style dropdown and toggle between Cover/Full Image to either show the full image or stretch the image to fill the section, column, background etc. selected. 
  5. Use the Position icon to adjust the focal point of the image. 
  6. Set Image alt text to describe the image for accessibility and SEO.
  7. Optionally use Link image to make the image clickable.

________________________________________________________________________________________________________________________

Image Design Options

  • Hover effects — Zoom out, Opacity, Float, Forward, Grayscale, Blur, Blur and Grayscale
  • Animation — Set a trigger (None, Entrance, or Scroll) to animate the image as it loads or scrolls into view

________________________________________________________________________________________________________________________

Editing Buttons

Buttons have two separate edit modes: content (what the button does) and design (how it looks).

Setting the Button Link (Content)

  1. Click the button on the canvas to select it.
  2. Click Manage Button in the element toolbar.
  3. The Button Content panel opens. Choose a link type:
  • Internal page — links to another page on the same site
  • External URL — links to any website
  • Anchor — jumps to a specific section on the same page
  • Back to top / Scroll to bottom — page scroll shortcuts
  • Email address — opens the visitor's email client
  • Click to call — triggers a phone call on mobile devices
  • File for download — links to a downloadable file

Changing Button Style (Design)

  1. Click the button on the canvas and click Edit Design in the toolbar.
  2. Toggle between Primary and Secondary button styles at the top.
  3. Use the Button style tab: background color, border, icon toggle, and more options.
  4. Use the Button text tab to change font, size, and color of the label.
  5. Click Reset to Site Theme style to revert custom styling.

Editing Icons

  1. Click an icon on the canvas to select it.
  2. The Icon Content panel opens in the right panel showing the current icon.
  3. Click Change Icon to open the icon picker.
  4. Search by keyword (e.g., "basketball," "star," "heart," "trophy"), browse Stock Icons, or Upload a custom SVG.
  5. Click any icon to apply it.
  6. Optionally set a Link on the icon and add Alt text for accessibility.