Text and Images

To add and customize text and image elements, open the Content editor, and then select Basic Content.

Select a text/image element and use the drag and drop functionality to Add an Element to the website page.

Basic Content

img

Edit text

The text element is initially created with placeholder text which you will want to customize.

To edit the text, double-click in the text element box to open the editor.

img

Type over the placeholder text and use the toolbar to format the text.

When formatting text be mindful that people view the website on different sized devices, including phones, and tablets. 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 phone screen. Instead, use the predefined styles which will be scaled automatically based on the screen size to maintain a relative size to each other, but without becoming too large.

img

HTML Editing

If you are familiar with HTML and web design you can switch the editor into HTML mode by clicking on the </> icon.

This allows you to add HTML (excluding script tags) to the element.

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

img

Add an image next to text

To add am image within a text block, click the picture icon on the toolbar.

img

The Insert Image window will appear.

Either click Choose Files to browse for a file on your computer or enter the web address of an online image that you can use.

img

The image will appear in the Edit Content window. Click the image to see the toolbar.

Use the toolbar to adjust the size and alignment. For example, Float Right moves the image to the right of the text.

img

Click Save Changes when finished.

img

Last Updated: 12/10/2018, 6:22:56 PM