About Extension

The About extension lets you add an About section to your course.

This article provides an overview of the About extension, extension setup and provides examples of About extension configurations.

Component overview

The About extension lets you add an About section to your course. The About extension content can be displayed as only text or text combined with an image.

The About extension is switched on in the Extensions section in your Evolve course.

Extension set up

Follow these steps to enable the About extension in your Evolve course:

Click the Extensions tab in your course.

Scroll down to the About extension and toggle to enable the extension.

Click the Edit button and begin set up.

General section

In the General section:

1. Add About Title. This title appears in the About header.
2. Add About Description. This description appears in the About header. Use the text editor to style and format your text, as needed.

1. Scroll down the page and add About Content. This is the content that appears on the About page.
2. Include an About Page Aria Label for screen readers, as needed.

Heads up!

You can also use About Content Items to add additional content. If you only want to use content items, leave the About Content field empty and do your settings in the About Content Items section.

Hero Image section

1. In the Hero Image section, toggle to Add Hero Image. Enabling this will show a hero image for your About extension.
2. Add Hero Image Title as needed.
3. Add Hero Image Body as needed. Use the text editor to style and format your text, as needed.

1. Scroll down to the Hero Image Graphic section and select a Hero Image as needed.
2. Set Image Per Device Size as needed.
3. Add Hero Image Alt Text as needed.

In the Hero Image Content Layout section, you set the position, width and text alignment for the Hero Image:

1. Set Hero image title and body container layout. This controls the position of the title and body container. By default, this is set to Center.
2. Set Hero image title and body container width. By default, this is set to 70.

1. Select a Floating Graphic.
2. Add Floating Graphic Alt Text as needed.

1. Set Floating Graphic Position. This controls the position of the floating graphic relative to the hero image.
2. Set Floating Graphic Offset Position.
3. Toggle to Show on Large Screen Size Only.

Appearance section

1. In the Appearance section, select About Navigation Button Icon. This will be displayed in the navigation in your Evolve course.
2. Select About Header Icon. This icon will be displayed in the About extension header.

About Content Items section

In the About Content Items section, you Add Content Items to your About extension.

For each Content Item:

1. Add About content Item Title.
2. Add About Content Item Body. Use the text editor to style and format your text, as needed.

1. Scroll down and select About Content Item Image.
2. Toggle to Set Image Per Device Size as needed.
3. Add Image Alt Text as needed.

1. Finally, in the About Content Items section, set Text/Graphic layout.
2. Add an Aria Label for screen readers, as needed.

Add, duplicate and delete Content Items as needed.

Did this article help?

Let us know by leaving a star rating or review at the top of this article.