davewarfel

/**
 * 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.

davewarfel

/**
 * WordPress Blocks
 *
 * Default block styling included with WordPress core.
 * Provides a better starting point for WordPress theme developers,
 * especially when using Sass.
 *
 * @link https://github.com/WordPress/WordPress/blob/master/wp-includes/css/dist/block-library/style.css
 *
 * Most styles from the above file are included.

davewarfel

/**
 * This will change the styles of the 'Print Your Certificate' button only.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer.
 *
 */

/* Update the colors to match your theme, and feel free to add additional
 * styles as well (border radius, text transform, etc.)

davewarfel

/**
 * NOTE: Update the font-size value to your liking.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer.
 *
 */

/* Adjust font size of the course descriptions when
 * using the Course Grid add-on.

davewarfel

/**
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer.
 *
 * NOTE: You can change 600px to another value. Any screen sizes BELOW this width
 * will receive the following styles.
 */

/* Hide topic dots on screens below 600px */
@media (max-width: 600px) {

davewarfel

/**
 * PLEASE NOTE: THIS IS VERY OLD CODE, AND USED TO WORK FOR THE "LEGACY" TEMPLATE, BEFORE LEARNDASH 3.0. IT ALSO DEPENDS ON WHAT THEME YOU ARE USING.
 *
 * IT MAY OR MAY NOT WORK FOR YOU.
 *
 * I RECOMMEND YOU TRY ENABLING/DISABLE THE "RESPONSIVE VIDEO CSS" OPTION IN LEARNDASH SETTINGS IF YOU'VE HAVING VIDEO ISSUES.
 */

/**
 * This should work for all types of videos: YouTube, Vimeo, Wistia & local videos.

davewarfel

/**
 * By default, no styles are added to Uncanny Owl's breadcrumbs.
 * They will inherit the styles of your theme.
 * If you'd like to add styles for the [uo_breadcrumbs] shortcode,
 * here's some CSS to help you with that.
 *
 * NOTE: These are simply examples. Update the values and/or add the
 * styles that make sense for your setup.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"

davewarfel

/**
 * This code will do two things:
 *
 * 1. Expand the topics (beneath each lesson) in the LearnDash
 * course navigation widget.
 *
 * 2. Hide the arrow that allows lessons to be expanded/collapsed.
 *
 * NOTE: Be careful using this if you have a large number of lessons and/or topics.
 * It could make for a REALLY long sidebar.

davewarfel

/**
 * By default, the Uncanny Owl Toolkit's [uo_dashboard] shortcode does not apply
 * topic numbers to its output. This code will add topic numbers via CSS.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer. They will add sequential numbers to all topics
 * that are displayed via the Uncanny Owl [uo_dashboard] shortcode.
 *
 * This works best when also using lesson numbers. This will create the following structure:
 *

davewarfel

/**
 * By default, the Uncanny Owl Toolkit's [uo_dashboard] shortcode does not apply
 * lesson numbers to its output. This code will add lesson numbers via CSS.
 *
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer. They will add sequential numbers to all lessons
 * that are displayed via the Uncanny Owl [uo_dashboard] shortcode.
 *
 * Feel free to remove the period (.) after the number, adjust the margin,
 * or add additional custom styles.