Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save davewarfel/fdacab61a6b1b66a58d1771be134c34a to your computer and use it in GitHub Desktop.
Save davewarfel/fdacab61a6b1b66a58d1771be134c34a to your computer and use it in GitHub Desktop.
LearnDash 3.0 - Focus Mode - Course Navigation - Customize the expand/collapse arrow links
/**
* This only works when using the LearnDash 3.0 template.
*
* Use the following CSS to apply a specific background color to the circle
* around the arrow, and then change the color of the arrow itself.
*
* These styles should be copied & pasted to a child theme or the "Additional CSS"
* area of the WordPress Customizer.
*
* Use your own color values for both background-color and color.
*/
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button .ld-icon {
background-color: #000;
color: #fff;
opacity: 1;
}
@talentedFullStack
Copy link

Thank you for your help!
But let me know more.
I add shortcode on editor of lesson in admin panel. Please see
saaa jpg
my screenshot!

@talentedFullStack
Copy link

But I can't see change of progression in page.
Progression icon don't change.
44
Please help me!

@talentedFullStack
Copy link

If you are a expert for learndash, I will hire you

@davewarfel
Copy link
Author

  1. I don't think that's a valid shortcode.
  2. It looks like you've customized the LearnDash focus mode. I also can't see if there are buttons below your video. There should be.
  3. I am an expert but I'm not available for hire.

Good luck with your project.

@talentedFullStack
Copy link

Hey member of learndash center!
I want auto complete of lesson after watching video.
No need complete lesson button.
Do you understand me?
For best using of learndash, please help me!

@davewarfel
Copy link
Author

Sorry, I'm all out of help. Good luck.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment