Druckfreundliche Version

Sie können das Glossar über das Suchfeld oder das Stichwortalphabet durchsuchen.

@ | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | Alle

E

Ein-Themen-Format: Kursbild

von Norbert Forster - Freitag, 30. September 2022, 10:56
 

Beispiel für ein Kursbild
#page-mod-label-mod, .header-maxwidth {
    padding: .25rem 0;
    display: flex;
    height: 270px;
    background-image: url("link/zum/Bild");
    background-position: center;
    max-width:unset;
    padding-left: 20px;
}

/* Weiße Schrift mit Schatten für bessere Lesbarkeit des Kursnamens*/
.page-context-header {
font-weight: bold;
height: 300px;
background-size: cover;
color: #fff;
text-shadow: black 2px 2px 4px;    
}

Das Kursbild kann z. B. bei Kurseinstellungen - Kursbild hinterlegt werden.

Ein-Themen-Format: Runde Reiter

von Norbert Forster - Samstag, 3. September 2022, 17:12
 

Beim Ein-Themen-Format gibt es die Möglichkeit, Schrift-, Hintergrundfarbe und weitere CSS-Einstellungen der Reiter für Kursabschnitte anzupassen.
Beispiel:

Soll auch die Hervorhebung des aktiven Kursabschnittes (hier orange) rund werden, hilft diese Einstellung:

.nav-link.active {
border-radius:20px !important;
}