please try adding this custom css in your wp-admin -> appearance -> customize -> custom css :
body.course_pursue_panel_hide .unit_wrap .fitvids {
margin: 0 calc(-10% – 50px) 0 calc(-10% – 50px);
}
body.course_pursue_panel_hide .unit_wrap,.unit_content{overflow:visible;}
.enable_comments .main_unit_content{
padding-right:
}
body.course_pursue_panel_hide .course_content_panel,body.course_pursue_panel_hide .unit_wrap,body.course_pursue_panel_hide .unit_content {
background: #000 !important;
color:#FFF !important;
}
body.course_pursue_panel_hide .course_content_panel *{
color:#FFF !important;
}
body.course_pursue_panel_hide.page-template-start #content {
background: #000;
}
please try adding this given code in your wplms-customizer.php file in wplms customizer plugin :
add_action(‘wplms_after_every_unit’,function(){
?>
<style>
.toggle_extras_unit_controls:after{ content:”\f063″; font-family:’fontawesome’; } .toggle_extras_unit_controls.active:after{ content:’\f062′; font-family:’fontawesome’; } body.course_pursue_panel_hide .unitattachments,body.course_pursue_panel_hide .unitforum,body.course_pursue_panel_hide div#add_unit_comment textarea{background:#000} body.course_pursue_panel_hide div#add_unit_comment textarea{ border:1px solid rgba(255,255,255,0.3) }
</style>
<script>
jQuery(‘.fitvids iframe’).after(‘<a class=”toggle_extras_unit_controls button full”></a>’);
jQuery(‘#unit_content .unitforum,#unit_content .unitattachments,#unit_content h3.assignment_heading,#unit_content div#discussion’).hide();
jQuery(‘.toggle_extras_unit_controls’).on(‘click’,function (){
jQuery(‘#unit_content .unitforum,#unit_content .unitattachments,#unit_content h3.assignment_heading,#unit_content div#discussion’).toggle();
jQuery(this).toggleClass(‘active’);
});
</script>
<?php
});