CSS

Die Optik der Frontend-Lead-Formulare kann am einfachsten durch das Erweitern oder Überschreiben der jeweiligen CSS-Regeln angepasst werden.

Eigene CSS-Regeln können bspw. per Customizer (Design → Customizer → Zusätzliches CSS) ergänzt werden. Alternative Möglichkeiten der Einbindung umfassen die CSS-Dateien des Child-Themes (style.css) und des Plugin-Frontend-Themes.

Beispiel (Customizer)

Sollen Überschriften der Formularseiten dunkelblau und fett dargestellt werden, sieht der Code hierfür folgendermaßen aus:

/* immonex Lead Generator */
h3.immonex-lead-gen-element--headline {
    color: #116298;
    font-weight: bold;
}

HTML-Tag und Klasse hierfür können per Elementinspektor des Webbrowsers ermittelt werden: Rechtsklick auf das Element + Untersuchen (Firefox und Chrome) bzw. Element-Informationen (Safari)

Die Namen der CSS-Klassen, die die Formularelemente des Lead-Generators betreffen, beginnen i. d. R. mit immonex-lead-gen-element--.

CSS-Anpassung via Customizer

Hier geht's weiter ≫