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
Skins - Layout skins for the widget.
Layout Mode - Layout mode for the courses in the list. Available options are Grid, Masonry, and Fit To Screen.
Number of Courses - Number of courses to be displayed in the widget.
Show course by category - Filter the courses by category.
Show by course tag - Filter the courses by tag(s).
Columns - Set the number of columns for the widget.
Tags - Show/Hide the course tags. This setting is available only if Skins is not set to Layout 3.
Thumbnail - Show/Hide the course thumbnail. This setting is available only if Skins is not set to Layout 3.
Course Meta - Show/Hide the course meta. This setting is available only if Skins is set to Layout 2.
Category - Show/Hide the course category. This setting is available only if Skins is set to Layout 3.
Date - Show/Hide the course date. This setting is available only if Skins is set to either Layout 2 or Layout 3.
Excerpt - Show/Hide the course excerpt.
Excerpt Words - Set the limit for the length of the excerpt. This setting is available only if Excerpt is set to Show.
Price - Show/Hide the course price.
Button - Show/Hide the course enroll button.
Progress Bar - Show/Hide the course progress bar.
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
Course Sorting - Set the field based on which the courses will be sorted.
Order of Sorting - Set the sorting order. Ascending or Descending.
My Courses - The courses to be displayed, whether current user's enrolled or not-enrolled courses.
Style
Card Style
Normal State
Background Type - Set the background for the cards.
Border Type - Set the border for the cards.
Border Radius - Set the border radius for the cards.
Box Shadow - Set the box shadow for the cards.
Transition - Set the transition duration for the cards.
Hover State
Enable 3D Hover - Enable/Disable 3D Hover effect for the cards.
Border Type - Set the border for the cards.
Border Radius - Set the border radius for the cards.
Box Shadow - Set the box shadow for the cards.
Background Type - Set the background for the cards.
Common Settings
Alignment - Set the text alignment for the cards.
Padding - Set the padding for the cards.
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.
Typography - Set the typography options for the tags.
Margin - Set the margin for the tags.
Color - Set the color for the tags.
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.
Border Radius - Set the border radius for the image.
Bottom Space - Set the bottom space for the image.
Color & Typography
Title
Title Tag - Set the HTML tag for the course title.
Typography - Set the typography options for the course title.
Color - Set the color for the course title.
Margin - Set the margin for the course title.
Content
This section is available only if Excerpt is set to Show.
Typography - Set the typography options for the course content.
Color - Set the color for the course content.
Margin - Set the margin for the course content.
Course Meta & Price
This section is available only if Skins is set to Layout 2.
Typography - Set the typography options for the course meta and price.
Color - Set the color for the course meta and price.
Icon Space - Set the spacing for the icon.
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.
Background Type - Set the background for the course price.
Typography - Set the typography options for the course price.
Color - Set the color for the course price.
Border Radius - Set the border radius for the course price.
Size - Set the size for the course price.
Below settings are available when Skins is set to Layout 1.
Typography - Set the typography options for the price ticker.
Color - Set the color for the price ticker.
Position - Set the position for the price ticker.
Border Radius - Set the border radius for the price ticker.
Height - Set the height for the price ticker.
Width - Set the width for the price ticker.
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.
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.
Avatar Size - Set the avatar size.
Avatar Border Radius - Set the border radius for the avatar.
Avatar Space - Set the spacing for the avatar.
Author
Color - Set the text color for the course author.
Link Color - Set the link color for the course author.
Link Hover Color - Set the link hover color for the course author.
Date
Color - Set the text color for the date.
Typography - Set the typography options for the date.
Button
This section is available only if Button is set to Show.
Normal State
Typography - Set the typography options for the course to enroll button.
Color - Set the color for the course to enroll button.
Background Type - Set the background for the course to enroll button.
Box Shadow - Set the box-shadow options for the course to enroll button.
Border Radius - Set the border radius for the course to enroll button.
Padding - Set the padding for the course to enroll button.
Margin - Set the margin for the course to enroll button.
Hover State
Color - Set the color for the course to enroll button.
Background Type - Set the background for the course to enroll button.
Box Shadow - Set the box-shadow options for the course to enroll button.
Transition - Set the transition duration for the course to enroll button.
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.
Typography - Set the typography options for the progress bar.
Label Color - Set the label color for the progress bar.
Fill Color - Set the fill color for the progress bar.
Space - Set the spacing for the progress bar.
Label Alignment - Set the label alignment for the progress bar.
Enable Steps Label - Enable/Disable the steps label.
Typography - Set the typography options for the progress bar. This setting is available if Enable Steps Label is Enabled.
Label Color - Set the label color for the progress bar. This setting is available if Enable Steps Label is Enabled.
Space - Set the spacing for the progress bar. This setting is available if Enable Steps Label is Enabled.
Last updated