Course Builder Customization

You have the ability to customize the Course Builder by adding your own custom styles and scripts, or even completely replacing the existing styles and scripts of the Course Builder.

Adding Custom Styles and Scripts into Course Builder

Filter: ms_lms_course_builder_additional_styles

This filter allows you to add your own CSS files into the Course Builder. Usage:

function my_course_builder_additional_styles( $styles ) {
	$styles[] = get_stylesheet_directory_uri() . '/custom-styles.css';

	return $styles;
}
add_filter( 'ms_lms_course_builder_additional_styles', 'my_course_builder_additional_styles' );

Filter: ms_lms_course_builder_additional_scripts

This filter allows you to add your own JavaScript files into the Course Builder. Usage:

function my_course_builder_additional_scripts( $scripts ) {
	$scripts[] = get_stylesheet_directory_uri() . '/custom-scripts.js';

	return $scripts;
}
add_filter( 'ms_lms_course_builder_additional_scripts', 'my_course_builder_additional_scripts' );

Replacing Course Builder Styles and Scripts

Filter: ms_lms_course_builder_css

This filter allows you to replace the default CSS file used by the Course Builder. Usage:

function my_course_builder_css( $css ) {
	return get_stylesheet_directory_uri() . '/course-builder.css';
}
add_filter( 'ms_lms_course_builder_css', 'my_course_builder_css' );

Filter: ms_lms_course_builder_js

This filter allows you to replace the default JavaScript file used by the Course Builder. Usage:

function my_course_builder_js( $js ) {
	return get_stylesheet_directory_uri() . '/course-builder.js';
}
add_filter( 'ms_lms_course_builder_js', 'my_course_builder_js' );