Best Of

Hello Kate,

If you go to Admin Tools (the gear icon), you should be able to find a tool called 'Public Files' or 'Shared Files'/'Organization Files'.

In either of these tools, a file called HTML-Template-Library should exist. Inside the folder, you will find the HTML-Templates-V5 folder > css > custom.css

Kindly let me know if that helps or if you need further guidance.

Hi Kate, I'm a Courseware Developer with the Learning Services team at D2L.

Typically our video wrapper styles are applied automatically with the .courseware-video-wrapper class. You can change those styles on a page-by-page basis, or you can overwrite the styles for all videos using the HTML template.

You can change the styles on a single page by adding a <style> tag inside the html <head>. It would likely look something like this:
<style>
.courseware-video-wrapper {
background-color: none !important;
border-bottom: none !important;
}
</style>

To change the video styles across the whole HTML template, you can navigate to Public Files, then navigate to the folder HTML-Template-Library‎/HTML-Templates-V5‎/css/custom.css. Inside custom.css, you can add your custom css styles which will safely override the existing template styles. It would look something like this:

.courseware-video-wrapper {
background-color: none !important;
border-bottom: none !important;
}

Hi Kate. I work in the Learning Services team at D2L. I'll reach out to a Courseware Developer on our side and see if we can get you an answer!