Exhibitor Manager DOCS & HILFE

CSS Custom Properties & Theming

Die vier Farben stellen Sie unter Einstellungen → Design & Anzeige ein, die Typfarben bei den Typen. Für alles Weitere gibt es CSS-Variablen und stabile Klassen, die Sie im Theme oder unter Design → Customizer → Zusätzliches CSS ansprechen.

Die Farbvariablen

Auf Seiten mit Verzeichnis oder Hallenplan schreibt das Plugin die vier Farben als Variablen in :root:

VariableEinstellungStandard
--eem-primaryPrimärfarbe#f76b15
--eem-secondarySekundärfarbe#eef4fa
--eem-bg-lightHintergrund (Toolbar)#fff8f0
--eem-borderRahmenfarbe#dcebf7
Einmal speichern

Solange der Reiter „Design & Anzeige“ nie gespeichert wurde, setzt das Frontend Ersatzwerte (u. a. ein Blau als Primärfarbe), die vom Backend abweichen. Ein einziges Speichern behebt das.

Zusätzliches CSS – andere Farben auf einer Seite
.page-id-42 .eem-app-wrapper {
    --eem-primary: #2a6f97;
    --eem-bg-light: #eef6fb;
}

Weitere Variablen: --eem-featured-accent (Typfarbe einer hervorgehobenen Kachel), --eem-floating-bottom-offset (Abstand der schwebenden Suchleiste zum unteren Rand) sowie im Druck --eem-border-color und --eem-box-color der Standschilder.

Wichtige Klassen

KlasseElement
.eem-app-wrapperÄußerer Rahmen von Verzeichnis und Hallenplan – der sichere Einstieg für eigene Regeln.
.eem-filter-barSuch- und Filterleiste.
.eem-grid-cardEine Kachel der Kachelansicht.
.eem-tableDie Tabellenansicht.
.eem-featured-cardEine Kachel der hervorgehobenen Reihe.
.eem-detail-modalDas Detail-Pop-up.
.eem-map-container, .eem-smart-sheetHallenplan und sein Informationsblatt.
.eem-interactive-booth, .eem-active-boothAnklickbare bzw. gerade hervorgehobene Standfläche im SVG.
Beispiel: Hervorhebung im Hallenplan
.eem-svg-layer svg .eem-active-booth,
.eem-svg-layer svg .eem-active-booth *:not(text) {
    fill: #2a6f97;
}
Stand auf dem Schild

Den Ausstellernamen auf Standschildern hält das Plugin bewusst schwarz, damit er auf jeder Boxfarbe lesbar bleibt. Farben der Schilder stellen Sie in den Druckoptionen der Veranstaltung ein, nicht per CSS.

Grundlegende Umbauten der Einzelseite gehen über eine Template-Kopie.