admin/setting/h5psettings

From MoodleDocs
Revision as of 13:33, 25 February 2024 by Gareth Barnard (talk | contribs) (Page created.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

H5P Settings

H5P framework handler

Select the version of the H5P framework to use.

Custom CSS

H5P Settings page showing the 'h5pcustomcss' setting populated with example CSS.

Enter the CSS that you wish to apply to your H5P content. For example, entering:

.h5p-course-presentation h2,

.h5p-course-presentation .h5p-footer .h5p-footer-toggle-keywords .current-slide-title {

    color: #fab;

}
Application of the 'h5pcustomcss' setting on example H5P presentation content whereby the titles have been changed to the colour pink.

Which will then apply to the H5P content, here being the example presentation (https://h5p.org/presentation - CC BY-SA 4.0 Deed Attribution-ShareAlike 4.0 International license https://creativecommons.org/licenses/by-sa/4.0/) where both instances of the slide title text have been changed to pink.