Bilder Klassen
fullwidth-image | Streckt das Bild immer auf width: 100% |
no-responsive | Deaktiviert die responsive Darstellung |
BSFG/Barrierefreiheits-Helper
Diese Klassen ermöglichen eine präzise Feinabstimmung des High-Contrast-Modus. In bestimmten Konstellationen sind detailliertere Anpassungen erforderlich. Dafür können diese Klassen verwendet und gezielt auf Artikel sowie Inhaltselemente angewendet werden.
a11y-bg-dark | Stellt den Hintergrund auf dunkel im Highcontrast-Mode |
a11y-bg-light | Stellt den Hintergrund auf hell im Highcontrast-Mode |
a11y-txt-dark | Stellt die Textfarbe auf dunkel im Highcontrast-Mode |
a11y-txt-light | Stellt die Textfarbe auf hell im Highcontrast-Mode |
a11y-btn-dark | Stellt den Button/Hyperlink auf dunkel im Highcontrast-Mode |
a11y-btn-light | Stellt den Button/Hyperlink auf hell im Highcontrast-Mode |
a11y-force-bg-dark | Erzwingt die Hintergrundfarbe auf dunkel im Highcontrast-Mode |
a11y-force-bg-light | Erzwingt die Hintergrundfarbe auf hell im Highcontrast-Mode |
Diverse Helper-Klassen
stickyheader_visible | Mit dieser Bodyklasse bleibt der Stickyheader dauerhaft eingeblendet |
parallax-footer | Diese Bodyklasse aktiviert den Parallax-Effekt für den Footer |
overflow-hidden | CSS Eigenschaft overflow: hidden |
z_index10, z_index20 ... bis z_index100 | CSS Eigenschaft z-index |
shadow_style1 | CSS Eigenschaft shadow - Stil1 (für Artikel nützlich) |
shadow_style2 | CSS Eigenschaft shadow - Stil2 (für Artikel nützlich) |
to_top | Onepage Seiten speichern die letzt genutzte Scrollposition. Man kann die Seite zwingen immer oben zu starten. In den Seiteneinstellungen die CSS-Klasse "to_top" vergeben. |
Font Klassen: Farben
color-accent | Schriftfarbe: Akzentfarbe |
color-white | Schriftfarbe: Weiß |
color-gray | Schriftfarbe: Grau |
color-lightgray | Schriftfarbe: Hellgrau |
Font Klassen: Helper
line-through | Durchgestrichen |
uppercase | Großbuchstaben |
lowercase | Kleinbuchstaben |
font-size-xxxxxl bis font-size-xxxxxs | Schriftgröße |
Font Klassen: Letter-Spacing
letter-spacing-xxl | 10px |
letter-spacing-xl | 5px |
letter-spacing-l | 3px |
letter-spacing-m | 2px |
letter-spacing-s | 1px |
float_left | Menüpunkt links darstellen (Theme Designer: Header Modern v1) |
float_right | Menüpunkt rechts darstellen (Theme Designer: Header Modern v1) |
menuheader | Deaktiviert den Link und hebt den Punkt hervor |
avoid-click | Deaktiviert den Link |
open-left | Öffnet das Untermenü nach links |
click_open | Öffnet das Untermenü per Klick, anstatt hover |
click-default | Mobilemenu: interne Weiterleitungen bleiben damit gezielt klickbar |
highlight | Hebt den Menüpunkt optisch hervor. Kann im Theme-Desiger angepasst werden |
Portfolio- und Newsklassen
Themes > Eclipse X > Frontend-Module > Nachrichtenliste
portfolio-col2 | 2 Spalten Raster |
portfolio-col3 | 3 Spalten Raster |
portfolio-col4 | 4 Spalten Raster |
newslist_col2 | 2 Spalten Raster |
newslist_col3 | 3 Spalten Raster |
newslist_col4 | 4 Spalten Raster |
Negativ Margin Klassen
mt-xxl-neg | margin-top: -300px |
mt-xl-neg | margin-top: -140px |
mt-l-neg | margin-top: -110px |
mt-s-neg | margin-top: -50px |
Revolution Slider: Text Element
Revolution Slider Text > Experteneinstellungen > CSS-Klasse
bg-accent | Hintergrundfarbe: Akenztfarbe |
bg-white | Hintergrundfarbe: Weiß |
font-serif-2 | Serif-Font: "Playfair Display" [in styles.css definiert] |
text-shadow-10 bis 100 in 10er Schritten | Text-Schatten |