Work with themes

Work with themes

Themes are generated using CSS to style and visually enhance how your content is displayed.

A theme can be:

• Applied to your content

• Fully customized

• Shared

• Deleted

• Edited

Create a theme

To create a new theme:

1. Click Content Repository on the Class Homepage.

2. Click Create New from the Content Repository main menu.

3. Click Theme.

4. Define Theme Name in the Theme Editor.

5. Enter the CSS for your theme.

6. Click Save & Close.

7. Your new theme is now available in the Themes pane in the Content Repository to apply to your content.

Apply a theme

Themes can be applied to the following content types:

• Questions

• Text

• Interactive narratives

• Math Apps

Themes can be applied to content using:

• The content type's respective Editor.

• The Activity Editor that contains the content.

Apply a theme using the content type's respective Editor

A theme can be applied to eligible content types using the content's specific Editor:

1. Navigate to the specific piece of content in the Content Repository that you want to apply a theme to.

2. Click Edit.

3. In the content's Editor, click Theme in the Custom CSS pane.

4. Drag the multidirectional arrow icon of the desired theme to the Applied Themes column in the Choose Theme screen.

5. Click Apply.

6. Use the Formatting Styles drop-down list in the Question Text pane to select an element to view with the applied theme.

7. The preview how the applied theme(s) affects your content is displayed. Click Save & Close if you are satisfied with the display and return to the Content Repository. Otherwise, return to step 4 and select another theme.

Apply a theme using the Activity Editor that contains the content

A theme can be applied to eligible content types within an activity using the Activity Editor:

1. Navigate to the activity in the Content Repository that contains the content that you want to apply a theme to.

2. Click Edit.

3. Navigate to where you can edit the content within the Activity Editor.

4. Click the piece of content in the Navigation pane that you want to apply a theme to.

5. Click the content's edit icon.

6. Click the Custom CSS tab.

7. Click Theme.

8. Drag the multidirectional arrow icon of the desired theme to the Applied Themes column in the Choose Theme screen.

9. Click Apply.

10. Click the Document tab to be able to preview how the applied theme affects the display of your content.

11. Use the Formatting Styles drop-down list in the Document tab to select an element to view with the applied theme.

12. The preview of how the applied theme(s) affects your content is displayed. Click the save icon if you are satisfied with the display. Otherwise return to step 4 and select another theme.

13. Click Save & Close to save your changes and return to the Content Repository.

Share a theme

Check out Share content for more information on sharing a theme.

Edit a theme

Check out Edit content for more information on editing a theme.