davewarfel

/**
 * These styles should be copied & pasted to a child theme or the "Additional CSS"
 * area of the WordPress Customizer. They will override the default styles
 * that are applied by the Social Learner & Boss theme by BuddyBoss.
 *
 * These styles only cover certain areas of LearnDash quiz content, and
 * do not apply to any other areas of LearnDash or the Social Learner/Boss theme.
 *
 * This is a sample to get you started.
 * Update the colors, borders, etc. to reach your desired outcome.

davewarfel

/**
 * Custom Styles for the Basic Comment Quicktags Plugin
 *
 * Add these to your child theme style.css file or the
 * "Additional CSS" in the Customizer.
 *
 * Customize the colors, borders, etc. to match your theme.
 */

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

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

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

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

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

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

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

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:
 *