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 |