Course Specific Style Snippet Generator
Copy and past this code into the top of Design your site // Advanced Settings // Site Footer Code: /manage/advanced_settings#site_footer_code
<style>
.course-player__course-footer {display:none!important;}
.course-player__navigation__chapters {display:none !important;}
.course-player__content-details {display:none !important;}
.course-player__download__size {display:none !important;}
.course-player__download__label {padding: 8px 0px; }
.course-player__top-nav__content {display:none !important;}
.chapter__container:first-child { border-top:1px solid #FFF; }
.course-player__chapter-title { font-weight: 900 !important; }
._status__container_nffvg8 i { color:#48B964; }
.course-player__content-item { color: #000; }
.course-player__content-item:hover, .course-player__content-item:hover:not(.active) { background-color: #BFBFBF; color: #868686; }
.course-player__content-item.active { background-color: #FFF; }
.course-player__quiz-prompt { border-color: #BFBFBF !important; }
.course-player__quiz-prompt .fr-view hr { background-color: #BFBFBF !important; }
.course-player__checkbox button,
.course-player__checkbox__choice { background-color: #F2F2F2; }
.course-player__checkbox button:hover { background-color: #D9D9D9; }
.course-player__checkbox button,
.course-player__checkbox__choice { border-color: #808080; }
.course-player__checkbox__choice-text { color: #000; }
.course-player__checkbox button:hover .course-player__checkbox__choice-text { color: #000; }
._actions_apmbd3 button { color: #FFF !important; background-color: #5AC074 !important; }
.course-player__content-next-btn { color: #FFF !important; background-color: #5AC074 !important; }
.course-player__content-retake-btn { color: #FFF !important; background-color: #5AC074 !important; }
._actions_apmbd3 button,.course-player__content-retake-btn:hover { opacity: .9; }
.course-player__course-logo__container {
background-color: #ffffff;
}
.course-player__course-logo {
max-width: 40%;
padding: 2%;
background-color: #ffffff;
}
.course-player__download__menu-btn {
background-color: #1f87eb !important;
color: #fff !important;
}
.course-player__download__menu-btn:hover {
background-color: #fff !important;
color: #1f87eb !important;
}
.course-player__top-nav {
background-color: #fff !important;
}
.course-player__top-nav__content{
color: #5b5b5b !important;
font-weight: 400 !important;
font-size: 16px !important;
}
</style>
<script>
var player_styles = {};
function playerStyles () {
CoursePlayerV2.on('hooks:contentDidChange', function (data) {
// set course specific style
try {
var course_name = data.course.name;
var course_style = player_styles[course_name];
console.log(course_style);
$(".course-player__course-logo").attr("src",course_style.image);
$(".brand-color").css("background-color",course_style.color);
$(".brand-background").css("background-color",course_style.color);
$(".course-player__course-logo").css("max-width",course_style.max_width);
$(".course-player__course-logo").css("padding",course_style.padding);
setTimeout(function(){
if(data.lesson.contentable_type == "Download"){
div1 = $('.course-player__download__list');
div2 = $('.course-player__download');
tdiv1 = div1.clone();
div1.hide();
div2.append(tdiv1);
}
}, 1000);
}
catch(err) {
console.log("no specific style");
}
});
}
$(document).ready(function () {
if (typeof(CoursePlayerV2) != "undefined") {
playerStyles();
}
});
</script>
<!-- PASTE COURSE PLAYER STYLE SNIPPET ABOVE THIS LINE -->