Icons and Rich Content 2019
To add, and customize, icon/text elements, open the Content editor, and select the Rich Content option.
Select a Rich Content element, then drag and drop functionality it onto the website page. See Add New Element 2019 for more information.
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 it to open the Edit Content window.
Type over the placeholder text, and use the toolbar to format the text as needed. Click the Save changes button when finished.
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.
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.
Changing an icon image
To change an icon image, click the Settings control menu item for the element.
The Settings window will appear. Select Customize pane, and then click on the image you want to change.
The selected image will appear in the window. Click the Select Image button to choose a different image, from your computer, or by entering the web address of the image, you want to use.
After choosing the new image file it will appear in the editor.