Animationen
Artikel > Artikel bearbeiten > Inhaltselement bearbeiten > Experten-Einstellungen > CSS-Klasse
| bounceInLeft animate | bounceInDown animate |
| bounceInLeft animate | bounceInRight animate |
| bounceInUp animate | bounceOut animate |
| bounceOutLeft animate | bounceOutRight animate |
| fadeIn animate | fadeInDown animate |
| fadeInDownBig animate | fadeInLeft animate |
| fadeInLeftBig animate | fadeInRight animate |
| fadeInRightBig animate | fadeInUp animate |
| fadeInUpBig animate | flip animate |
| flipInX animate | flipInY animate |
Bilder Klassen
| fullwidth-image | Streckt das Bild immer auf width: 100% |
| no-responsive | Deaktiviert die responsive Darstellung |
Device Visibility Helper
| hide-mobile | auf Smartphone ausblenden |
| hide-desktop | auf Desktop ausblenden |
| only-mobile | nur auf dem Smartphone anzeigen |
| only-desktop | nur auf dem Desktop anzeigen |
Diverse Helper-Klassen
| 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) |
| has-parallax | Aktiviert Parallax |
| parallax-speed-1 bis parallax-speed-10 | Parallax Geschwindigkeit |
| 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. |
| hide_optin | Opt-In Banner ausblenden. Nützlich für Datenschutzseite und Impressumsseite. (Kann auf body angewendet werden. Seiteneigenschaften: CSS-Klasse Feld) |
Font Klassen: Überschriften
| h1 | Headline h1 |
| h2 | Headline h2 |
| h3 | Headline h3 |
| h4 | Headline h4 |
| h5 | Headline h5 |
| h6 | Headline h6 |
Font Klassen: Ausrichtung
| align-left | linksbündig |
| align-center | zentriert |
| align-right | rechtsbündig |
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 | Hintergrund: Akzentfarbe - eckige Darstellung |
| highlight-square-color-accent | Hintergrund: Akzentfarbe - eckige Darstellung |
| highlight-rounded-color-accent | Hintergrund: Akzentfarbe - abgerundete Darstellung |
| highlight-outline-square-color-accent | Outline: Akzentfarbe - eckige Darstellung |
| highlight-outline-rounded-color-accent | Outline: Akzentfarbe - abgerundete Darstellung |
| highlight-square-color-second | Hintergrund: Second-Color - eckige Darstellung |
| highlight-rounded-color-second | Hintergrund: Second-Color - abgerundete Darstellung |
| highlight-outline-square-color-second | Outline: Second-Color - eckige Darstellung |
| highlight-outline-rounded-color-second | Outline: Second-Color - abgerundete Darstellung |
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 |