How to edit the page templates

Question

I'm experiencing a persistent grey box around a

Mohit.B.878 · Answer

Hello@Kate.S.43,

My name is Mohit, and I’m a member of the Product Support team. Since iframe-embedded videos (like YouTube) use different structural wrappers, they don't inherit the same styling rules, which is probably why the extra space isn't visible in those cases.

May I suggest that you open a support case and provide an example, so we can investigate the issue from our end and provide the appropriate assistance?

Best  regards,

Mohit Bhargav

Kate.S.43 · Answer

Thanks everyone,

The issue with the background being gray has now been resolved with your help, However I still have an issue with the way videos are displaying.

When we use Insert Stuff → Course Content to embed an uploaded MP4 video, it adds extra white space above the video in the content page. This doesn't happen with iframe-embedded videos (e.g., from YouTube).

We’ve tried adjusting our custom.css (e.g., removing padding/margins from p > video, .video-wrapper, etc.) but the space persists.  I'm thinking it is likely being overridden by the client.css or Brightspace system styles?

Has anyone found a reliable way to remove that space or override the styling for videos inserted this way?

Any help appreciated — thanks!

Kate

Abrar.S.661 · Answer

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.