REA LearnDash Course List

REA LearnDash Course List is a widget that allows showing the course list in different layout skins with many customizable options.

Content

Layout Settings

1. Skins - Layout skins for the widget.

2. Layout Mode - Layout mode for the courses in the list. Available options are Grid, Masonry, and Fit To Screen.

3. Number of Courses - Number of courses to be displayed in the widget.

4. Show course by category - Filter the courses by category.

5. Show by course tag - Filter the courses by tag(s).

6. Columns - Set the number of columns for the widget.

7. Tags - Show/Hide the course tags. This setting is available only if Skins is not set to Layout 3.

8. Thumbnail - Show/Hide the course thumbnail. This setting is available only if Skins is not set to Layout 3.

9. Course Meta - Show/Hide the course meta. This setting is available only if Skins is set to Layout 2.

10. Category - Show/Hide the course category. This setting is available only if Skins is set to Layout 3.

11. Date - Show/Hide the course date. This setting is available only if Skins is set to either Layout 2 or Layout 3.

12. Excerpt - Show/Hide the course excerpt.

13. Excerpt Words - Set the limit for the length of the excerpt. This setting is available only if Excerpt is set to Show.

14. Price - Show/Hide the course price.

15. Button - Show/Hide the course enroll button.

16. Progress Bar - Show/Hide the course progress bar.

17. Author Meta - Show/Hide the course author meta. This setting is available only if Skins is set to either Default or Layout 1.

Sorting Options

1. Course Sorting - Set the field based on which the courses will be sorted.

2. Order of Sorting - Set the sorting order. Ascending or Descending.

3. My Courses - The courses to be displayed, whether current user's enrolled or not-enrolled courses.

Style

Card Style

Normal State

1. Background Type - Set the background for the cards.

2. Border Type - Set the border for the cards.

3. Border Radius - Set the border radius for the cards.

4. Box Shadow - Set the box shadow for the cards.

5. Transition - Set the transition duration for the cards.

Hover State

1. Enable 3D Hover - Enable/Disable 3D Hover effect for the cards.

2. Border Type - Set the border for the cards.

3. Border Radius - Set the border radius for the cards.

4. Box Shadow - Set the box shadow for the cards.

5. Background Type - Set the background for the cards.

Common Settings

1. Alignment - Set the text alignment for the cards.

2. Padding - Set the padding for the cards.

3. Margin - Set the margin for the cards.

Tags Style

This section is available only if Skins is not set to Layout 3 and Tags is set to Show.

1. Typography - Set the typography options for the tags.

2. Margin - Set the margin for the tags.

3. Color - Set the color for the tags.

4. Background Type - Set the background for the tags.

Image Style

This section is available only if Skins is not set to Layout 3 and Thumbnail is set to Show.

1. Border Radius - Set the border radius for the image.

2. Bottom Space - Set the bottom space for the image.

Color & Typography

Title

1. Title Tag - Set the HTML tag for the course title.

2. Typography - Set the typography options for the course title.

3. Color - Set the color for the course title.

4. Margin - Set the margin for the course title.

Content

This section is available only if Excerpt is set to Show.

1. Typography - Set the typography options for the course content.

2. Color - Set the color for the course content.

3. Margin - Set the margin for the course content.

Course Meta & Price

This section is available only if Skins is set to Layout 2.

1. Typography - Set the typography options for the course meta and price.

2. Color - Set the color for the course meta and price.

3. Icon Space - Set the spacing for the icon.

4. Meta Space - Set the spacing for the meta content.

Price

This section is available only if Skins is not set to Layout 2 and Price is set to Show.

Below settings are available when Skins is not set to Layout 1.

1. Background Type - Set the background for the course price.

2. Typography - Set the typography options for the course price.

3. Color - Set the color for the course price.

4. Border Radius - Set the border radius for the course price.

5. Size - Set the size for the course price.

Below settings are available when Skins is set to Layout 1.

1. Typography - Set the typography options for the price ticker.

2. Color - Set the color for the price ticker.

3. Position - Set the position for the price ticker.

4. Border Radius - Set the border radius for the price ticker.

5. Height - Set the height for the price ticker.

6. Width - Set the width for the price ticker.

7. Background Type - Set the background for the price ticker.

Author Meta

This section is available only if Skins is set to either Default and Layout 1 and Author Meta is set to Show.

1. Space Around - Set the space around for the author meta. This setting is available only if Skins is set to Layout 1.

Avatar

This section is available if Skins is set to Layout 1.

1. Avatar Size - Set the avatar size.

2. Avatar Border Radius - Set the border radius for the avatar.

3. Avatar Space - Set the spacing for the avatar.

Author

1. Color - Set the text color for the course author.

2. Link Color - Set the link color for the course author.

3. Link Hover Color - Set the link hover color for the course author.

Date

1. Color - Set the text color for the date.

2. Typography - Set the typography options for the date.

Button

This section is available only if Button is set to Show.

Normal State

1. Typography - Set the typography options for the course to enroll button.

2. Color - Set the color for the course to enroll button.

3. Background Type - Set the background for the course to enroll button.

4. Box Shadow - Set the box-shadow options for the course to enroll button.

5. Border Radius - Set the border radius for the course to enroll button.

6. Padding - Set the padding for the course to enroll button.

7. Margin - Set the margin for the course to enroll button.

Hover State

1. Color - Set the color for the course to enroll button.

2. Background Type - Set the background for the course to enroll button.

3. Box Shadow - Set the box-shadow options for the course to enroll button.

4. Transition - Set the transition duration for the course to enroll button.

5. Border Radius - Set the border radius for the course to enroll button.

Progress Bar

This section is available only if Progress Bar is set to Show.

1. Typography - Set the typography options for the progress bar.

2. Label Color - Set the label color for the progress bar.

3. Fill Color - Set the fill color for the progress bar.

4. Space - Set the spacing for the progress bar.

5. Label Alignment - Set the label alignment for the progress bar.

6. Enable Steps Label - Enable/Disable the steps label.

7. Typography - Set the typography options for the progress bar. This setting is available if Enable Steps Label is Enabled.

8. Label Color - Set the label color for the progress bar. This setting is available if Enable Steps Label is Enabled.

9. Space - Set the spacing for the progress bar. This setting is available if Enable Steps Label is Enabled.