Kurs: Hintergrundfarben von Abschnitten ändern

von Thomas Unkelbach - Sonntag, 19. März 2023, 17:25
 
Mit diesem Codeschnipsel (Danke an Marius Gomes) lassen sich die Hintergrundfarben verschiedener Abschnitte eines Kurses unterschiedlich einfärben.

/* Diesen HTML/CSS-Code in ein Textfeld oben im Kurs kopieren (HTML-Editor vorher ausschalten) zwischen ein - Tag */

/* Mehr Platz über den Abschnitts-Titeln */
.section { padding-top: 1rem; }

/* Bei kleinen Bildschirmen: mehr Platz zum linken Rand für die Abschnitts-Titel */
@media only screen and (max-width: 768px) { .content { margin-left: 1rem!important; } }

/* Hintergrundfarben der Abschnitte */
#section-1 { background-color: #fde5d4; }
#section-2 { background-color: #e9e8ee; }
#section-3 { background-color: #e5f0ee; }
#section-4 { background-color: #f2f5cc; }

» Tipps & Tricks der #moodlebande