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

Mainmenu Helper

Layout > Seitenstruktur > Seiteneigenschaften > Experteneinstellungen > CSS-Klasse

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

Mainmenu: Highlight Klasse

Layout > Seitenstruktur > Seiteneigenschaften > Experteneinstellungen > CSS-Klasse

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
Copyright 2025. All Rights Reserved.
You are using an outdated browser. The website may not be displayed correctly. Close