Mit Elementor sind viele Anpassungen möglich, schauen Sie also zuerst dort nach. Manchmal sind jedoch für sehr spezifische Änderungen benutzerdefinierte CSS- oder sogar HTML-Anpassungen erforderlich.

Die einfachste Möglichkeit, CSS zu ändern, ist über den integrierten WP Customizer. Melden Sie sich also als Administrator an, öffnen Sie die gewünschte Seite und klicken Sie auf „Anpassen“, wie im Screenshot dargestellt:

Klicken Sie anschließend auf „Zusätzliches CSS“:

Jetzt können Sie benutzerdefiniertes CSS eingeben:

Beispiel für das Ändern des Herzsymbols durch ein anderes Symbol im Favoriten-Add-on

Dafür sind CSS-Kenntnisse erforderlich. Ich werde beispielsweise die Firefox-Konsole verwenden. Sie können aber auch die Chrome-Entwicklerkonsole nutzen, um CSS-Code zu erkennen, zum Beispiel:

So können wir spezifisches benutzerdefiniertes CSS erkennen; manchmal müssen Sie das CSS etwas ändern:

.wdk-favorites-actions .fa.fa-heart-o:before { content: "\f004"; // Symbol nicht ausgewählt } .wdk-favorites-actions .fa-heart::before { content: "\f004"; // Symbol ausgewählt }

Die Codes für die Icons finden Sie hier: https://fontawesome.com/search

Auf ähnliche Weise können Sie jedes andere CSS ändern.

Sollten Sie nicht weiterkommen, wenden Sie sich gerne an unser Support-Team.

Beispiel zum Ändern des CSS des Suchformulars

Wir haben einige vordefinierte Klassen, die Sie verwenden können. Nutzen Sie diese einfach. Auch in Elementor gibt es viele Optionen. Sollten diese nicht ausreichen, ist möglicherweise benutzerdefiniertes CSS erforderlich.

Standard-CSS-Klassen: