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-title { font-size: 14px;   font-family: 'Poppins', sans-serif;      line-height: 36px;     letter-spacing: 0.2em; text-transform: uppercase;}
                                
                                 
                                .course-player__course-footer {display:none!important;}
                                .course-player__navigation__chapters {display:none !important;}
                                
                                
                                    .course-player__download__size {display:none !important;}
                                    .course-player__download__label {padding: 8px 0px; }
                                
                                
                                
                                .chapter__container:first-child { border-top:1px solid #FFF; }
                                
                                    .course-player__chapter-title { font-family: 'Poppins', sans-serif;}
                                

                                .course-player__chapter-title {  font-weight: 900 !important; }
                                
                                
                                ._status__container_nffvg8 i  { color:#000000; }
                                
                                
                                
                                
                                
                                .course-player__course-logo__container {
                                    background-color: #2ea7d0;
                                }
                                .course-player__course-logo {
                                    max-width: 80%;
                                    padding: 2%;
                                    background-color: #2ea7d0;
                                }
                                
                                .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 -->