Navigation
Navigation
Renders a directional navigation button for LearnDash content. The button resolves its target automatically based on the course sequence and hides when there is no item in the configured direction.
Usage
Lesson or topic template — previous and next pair — Place two instances of this module side by side in a lesson Themer template: one set to Previous, one to Next. Each resolves automatically based on where the learner is in the course structure. Neither needs manual linking.
Restricting to a specific content type — Set Content Type to Lesson on a topic page so the "Next" button jumps to the next lesson rather than the next topic or quiz. This is useful when you want top-level navigation that skips the sub-items within the current lesson.
Parent navigation ("Back to course") — Set Direction to Parent to create a button that always navigates up one level: from a topic to its lesson, from a lesson to its course. Combine with the bdash_parent_title field connection in a nearby text element to label the button dynamically with the parent's name.
How it works
| Situation | Button behaviour |
|---|---|
| A target exists in the configured direction | Button shows, linking to the next/previous/parent item |
| No target in the configured direction (first item, last item, or no parent) | Button hides automatically |
| Content Type filter set | Only items of that type count as next/previous; other types are skipped |
| Direction: Parent | Navigates up one level in the hierarchy (topic → lesson → course) |
Settings
General
| Setting | Description |
|---|---|
| Direction | Which item the button navigates to: Next (default), Previous, or Parent. |
| Content Type | Filter the target by post type: Any (default), Course, Lesson, Topic, or Quiz. |
| Text | Custom button label. Leave empty to use LearnDash's default directional label (e.g. "Next Lesson"). |
| Style | (LearnDash 3.0+ only) Custom uses Beaver Builder styling; LearnDash applies LearnDash's own button appearance and hides the styling controls below. |
| Icon | Icon shown on the button. (Custom style only) |
| Icon Position | Place the icon Before or After the button label. (Custom style only) |
| Icon Visibility | Show the icon Always Visible or Fade In On Hover. (Custom style only) |
Style
| Setting | Description |
|---|---|
| Typography | Font family, size, weight, and line height for the button label. |
| Background Color | Button fill color; a separate hover color is also available. |
| Text Color | Button label color; a separate hover color is also available. |
| Style | Button shape: Flat, Gradient, or Transparent (Transparent reveals border and opacity controls). |
| Width | Auto (with alignment), Full Width, or Custom (fixed pixel width). |
| Padding | Internal padding in px. |
| Round Corners | Border radius in px. |
| Transition | Enable or disable a color transition on hover. |