Skip to content

Integration des Farben Moduls

Das Farben Modul erweitert YOOtheme Pro um zusätzliche Farboptionen, die nahtlos im Styler und in verschiedenen Elementen integriert sind. Hier erfährst du, wie du das Modul nutzen kannst.


1. Modul aktivieren

  • Stelle sicher, dass das Modul korrekt installiert ist.
  • Die neuen Farboptionen werden automatisch in den YOOtheme Styler eingebunden.

2. Styler verwenden

  • Öffne den YOOtheme Pro Styler in deinem Page Builder.
  • Die neuen Farboptionen sind in folgenden Kategorien verfügbar:
    • Global: Anpassungen für die gesamte Seite.
    • Section: Hintergrundfarben für Abschnitte.
    • Card: Stile für Karten.
    • Tile: Farben für Kachel-Layouts.
    • Button: Zusätzliche Stile für Buttons.

3. Unterstützte Elemente

Das Modul erweitert die folgenden YOOtheme-Elemente um die neuen Farboptionen:

ElementErweiterte Optionen
Button ItemNeue Button-Farbstile wie Tertiary, Quaternary, Quinary, Senary.
ColumnAnpassbare Stile für Spalten mit Karten- und Kachelstilen.
Description ListNeue Farben für Listenbeschreibungen.
GalleryZusätzliche Farben für Galerien.
GridErweiterte Farbstile für Raster-Layouts.
HeadlineZusätzliche Titel- und Meta-Farben für Überschriften.
MapAnpassbare Farbstile für Kartenhintergründe.
PanelNeue Karten- und Kachelstile für Panels.
Panel SliderAnpassbare Farboptionen für Panel-Slider.
PopoverZusätzliche Farben für Popover-Stile.
OverlayErweiterte Farbmöglichkeiten für Überlagerungen.
Overlay SliderNeue Farboptionen für Slider-Überlagerungen.
SectionHintergrundfarben für Abschnitte wie Tertiary, Quaternary usw.
SlideshowAnpassbare Farben für Diashows.
SwitcherZusätzliche Farbstile für Switcher-Layouts.
TableNeue Farben für Tabellenhintergründe und -texte.
TextAnpassbare Textfarben mit den neuen Farbstilen.

4. Elemente anpassen

  • Wähle eines der oben aufgeführten Elemente aus.
  • Nutze die neuen Farboptionen im Stilbereich des jeweiligen Elements.

Das Modul ist bereit, um deine Gestaltungsmöglichkeiten zu erweitern. Probiere es aus und entdecke, wie du deine Designs auf das nächste Level bringst!