Skip to content

Instantly share code, notes, and snippets.

@davewarfel

davewarfel/learndash-3-focus-mode-navigation-expand-arrows.css

Created June 28, 2019 19:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save davewarfel/fdacab61a6b1b66a58d1771be134c34a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save davewarfel/fdacab61a6b1b66a58d1771be134c34a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. davewarfel created this gist Jun 28, 2019.
    17 changes: 17 additions & 0 deletions learndash-3-focus-mode-navigation-expand-arrows.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    /**
    * 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;
    }