Giovanni Fonseca (he, him)👋🏻Aug 22, 2023

Liebe #moodlebande und #H5P-Community, ich versuche, die Standardfarben von H5P über die Funktion "Raw CSS for H5P" des #LearnR #Moodle Theme Plugins an unser Corporate Design anzupassen, aber ich bin schon überfordert, die zu ändernden CSS-Selektoren manuell zu identifizieren😅. Habt ihr Erfahrung damit oder wisst ihr, wo ich eine Liste der Selektoren finden kann?

Vielen Dank im Voraus für jeden Hinweis!

#followerpower

Show threadotackeSep 2, 2023
@giofonsecaf Jeder Browser dürfte so etwas wie einen "Inspektor" haben, mit dem du ein Element der Seite auswählst und dann die CSS-Infos inkl. Klassennamen/-hierarchie einsehen kannst. Ich würde es nicht beschwören wollen, aber vermutlich zeige ich das hier: https://campus.oercamp.de/lessons/wie-kann-ich-das-visuelle-erscheinungsbild-von-h5p-veraendern/
Wie kann ich das visuelle Erscheinungsbild von H5P verändern? – OERcamp SummOERschool 2021

Show threadGiovanni Fonseca (he, him)👋🏻Sep 2, 2023
@otacke vielen Dank fürs Teilen. Das ist echt ein sehr nützlich Lernmaterial für alle, die, wie ich gerade über die CSS & co. -Welt lernen möchten!
Ich habe mich auf dein Code (denke ich) _color_overrides.scss des Interactive-Books orientiert, um meine Anpassungen zu machen. Ich bin kein GitHub-Experte, aber habe ich nun mein erster Versuch hier hochgeladen: https://github.com/giofonseca/h5p-css-customization/blob/main/style.scss
Es ist kein fertiges Ding, weil ich noch die andere CSS Elemente auch anpassen möchte, die nicht auf dem IB sind...
h5p-css-customization/style.scss at main · giofonseca/h5p-css-customization

The idea is to collect here, all the CSS elements to customize the color of the different H5P content types - giofonseca/h5p-css-customization

GitHub
Show threadGiovanni Fonseca (he, him)👋🏻
@otacke bin mir gleichzeitig nicht ganz sicher, ob man mit dieser Methode (über SCSS des LernR Themes) vermeiden könnte, dass die eigenen Einstellungen von Interaktive Books, Tabs, oder Portfolio überschrieben werden. Also meine Idee wäre, meine Anpasung als Default nutzen, damit unser CD auf H5P dargestellt würde, aber wenn der Nutzer ein andere Faber für das IB, Tabs oder Portfolio möchtet, dass das auch möglich wäre. Hast du eine Idee, ob das möglich ist?
Sep 2, 2023 at 2:09pmWeb
Show threadotackeSep 2, 2023
@giofonsecaf Ist vermutlich nicht ohne Weiteres machbar.