# Course Builder Customization

### 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:

```php
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:

```php
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:

```php
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:

```php
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' );
```