H5P content styling in Moodle 3.10

Submitted by gerritg on Wed, 05/26/2021 - 14:41
Forums: 
Developers

We're using H5P in Moodle 3.10, and I cannot seem to find out how to edit the CSS for the embed.php used.

There appears to be an iframe within an iframe, which makes using javascript as a means of writing a solution to styling impossible, so I'd like to find out if there's an elegant solution to changing H5P styling within Moodle without changing the Moodle Core, in order to preserve future upgradability.

otacke's picture

otacke

Wed, 05/26/2021 - 21:35

Hi gerritg!

If your using the H5P plugin for moodle, you'll find documentation for visual customization at https://h5p.org/node/2692. If you're using the moodle core version of H5P, then to the best of my knowledge, you can add custom CSS somewhere in the moodle settings since version 3.10.

Best,
Oliver