Skip to main content

Course Grid

Course Grid

Displays LearnDash courses in a configurable grid layout. Supports Columns, Masonry, Gallery, and List display styles.

BeaverDash - Modules - Course - Course Grid

Usage

Course catalog page — Use on a dedicated courses page to display all available courses as a browsable grid with thumbnails, titles, and metadata.

Custom HTML/CSS template — Switch to the Custom post layout option to write your own HTML template per course card for complete control over card content and structure.

Filtered course listing — Use the Source / Query tab to filter by specific courses, categories, or taxonomy terms to create curated course sections.

Settings

Layout

SettingDescriptionDefault
Display StyleColumns (fixed grid), Masonry (variable height), Gallery, or List.Columns
ColumnsNumber of columns per row (responsive).3
SpacingSpace between grid items (px).60
PaddingInternal padding per item (px).20
Show ImageToggle the featured image on or off.On
Image SizeFeatured image size.Medium
Post LayoutUse the Default layout or Custom HTML/CSS template per card.Default

Source / Query

SettingDescriptionDefault
Order BySort courses by Title, Date, or other fields.Title
OrderAscending or Descending.Ascending
OffsetSkip the first N courses.0