Full width video course status page

 

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
});

 

 

 

 

 

Was this article helpful?

Related Articles

Leave A Comment?