Team Bios

To add, and customize, images and text for your team bios, open the Content editor and select the Team item.

Select the Team Bios element and then drag and drop it onto the website page. See Add an Element for more information.

img

Edit text

The text portion of an element is initially created with placeholder text which you will want to customize.
To edit the placeholder text, double-click on on the text to open the Edit Content window.

img

The Edit Content window appears. Type over the placeholder text and use the toolbar to format the text. Click Save changes when finished.

img

Make changes to the text as needed, then click the Save changes button. Click the Cancel button to close the Edit Content window without making any changes.

Formatting Tip

When formatting text, be mindful people will be viewing the website on different sized devices, including phones and tablets, with different sized screens. It is best to avoid using hard-coded font sizes, since what may look big on a high resolution desktop monitor will look enormous on a smaller screen. Instead, use the predefined styles which will be scaled automatically based on the screen size, and to maintain a relative size to each other, without becoming too large.

HTML Editing

If you are familiar with HTML, and web design, you can switch the editor into HTML mode by clicking on the </> icon at the end of the formatting bar of the editor.

This will allow you to add HTML elements (excluding script tags) to the content.

To exit html editor mode, click the </> icon again.

img

Change an image

To change an image in a website content element, double-click the image to open its Settings window.

The image Settings window appears. Select Customize pane, then click on the Image tab.

The selected image will appear in the Settings window. Click the Select Image button to use a different image from your computer, or to enter the web address of an image, you want to use.

img

Save Settings

After editing the settings, click Save to continue making changes to the element, or click Save & close to save the element and close its Settings window.

Click Cancel to not save any of your changes and close the Settings window.

Last Updated: 5/31/2019, 9:15:06 PM