Buttons

These settings affect LearnDash buttons only, including previous/next lesson navigation, Mark Complete, and expand/collapse all.

Button border radius

Button border radius sets the corner rounding for LearnDash buttons. Enter the value in pixels (px).

Primary button

Primary Button and Primary Button Text style primary actions such as Take this Course and Mark Complete.

• Primary Button: sets the button’s background color. Leave it empty to follow the theme’s primary hue.
• Primary Button Text: sets the button’s text color.

Hover: Primary button

• Hover: Primary Button: sets the button’s background color on hover. Leave it empty to follow the theme’s primary hue.
• Hover: Primary Button Text: sets the button’s text color on hover.

Standard button

Standard Button and Standard Button Text style secondary actions such as next/previous lesson navigation and expand/collapse all.

• Standard Button: sets the button’s background color. Leave it empty to follow the theme’s primary hue.
• Standard Button Text: sets the button’s text color.

Hover: Standard button

• Hover: Standard Button: sets the button’s background color on hover. Leave it empty to follow the theme’s primary hue.
• Hover: Standard Button Text: sets the button’s text color on hover.

Hover styles

The hover state triggers when a mouse hovers over a button, or when someone taps a button on a touch-enabled device.

Accessibility: keyboard focus outlines

This setting restores a visible outline around the focused button during keyboard navigation. It relies on :focus-visible, so the outline appears for keyboard focus only, not mouse clicks.

Other notes

• Buttons in the LearnDash login and registration modal don’t use these styles; see the Login & Registration panel.
• Button colors inside alert messages come from the Alerts panel.