Course Cirruculum

Show the complete course curriculum, so that your users are aware of the course roadmap. It will help them to better prepare themselves.

General Settings

Title: Set the title of the Course Curriculum widget using the text box.

Collapse Icon: Set the icon that will appear to collapse the curriculum.

Expand Icon: Set the icon from the drop down menu to set what the expand icon will look like.

Icon Position: Define the icon position from the predefined positions.

Content

Topic Icon

Topic Active Icon: Use this dropdown to change the icon on the active topic list. 

Topic Inactive Icon: Use this dropdown to change the icon on the inactive topic list.

Position: Select the position and alignment of the icons, title, and icon list. 

Color: Select a color of the topic icons. You can pick between global and custom colors.

Hover: Select a color of the topic icons on hover. You can pick between global and custom colors.

Size: Pick a size for the topic icons.

Lesson Icon

Color: Select a color of the lesson icons. You can pick between global and custom colors.

Hover: Select the color of the lesson icons on hover. You can pick between global and custom colors.

Size: Select a size for the lesson icons.

Style

Header Title

Color: Choose the color of the header title text from a wide range of colors from the color palette.

Typography: Choose your desired typography for this title. You can choose between global typography settings and custom typography.

Header Info

Color: Choose the color of the info text (how many lessons are in this topic) from a wide range of colors from the color palette.

Typography: Choose your desired typography for this info text. You can choose between global typography settings and custom typography.

Space Between: Pick a padding value between the title and the info text.

Topic Title

Typography: Select a typography for the topic title. You can choose between global typography settings and custom typography.

Text Indent: Select an indent between the topic icon and the title text. 

Color: Select a color for the topic title. You can choose between global colors settings and custom colors.

Background Color: Select a background color for the topic title. You can choose between global colors settings and custom colors.

Border Type: Select a border type for the topic title. 

Border Width: If a border is selected, use this to change the border width. 

Border Radius: Select a border radius to create a rounded square effect.

Lesson Title

Typography: Select a typography for the lesson title. You can choose between global typography settings and custom typography.

Text Indent: Select an indent between the lesson icon and the title text. 

Color: Select a color for the lesson title. You can choose between global colors settings and custom colors.

Background Color: Select a background color for the lesson title. You can choose between global colors settings and custom colors.

Border Type: Select a border type for the lesson title. 

Border Width: If a border is selected, use this to change the border width. 

Border Radius: Select a border radius to create a rounded square effect.

Spacing

Topic Title Padding: Select a padding value around the topic title section. 

Lesson Title Padding: Select a padding value around the lesson title section. 

Space Between Lesson: Select a space between lessons.

Space After Topic: Select a space after the topic title.

Tags

Was this helpful?