Seit dem letzten Elementor Update haben sich vielen Einstellungen geändert.
Eine wesentliche Änderung betrifft das Icon-Liste Widget.
Der Vorher-Nachher-Vergleich
Eine große Veränderung ist die Ausrichtung der Icons, wenn der Inhalt mehrzeilig ist. Vorher wurde das Icon am Anfang der Zeile ausgerichtet. Nun wird es zentriert:
Vor dem Update – Icons sitzen oben ausgerichtet
Nach dem Update – Icons sitzen zentriert
Durch die zentrierte Ausrichtung, kann man den Inhalt leider nicht mehr gut lesen.
Momentan gibt es im Elementor Page Builder leider nicht die Möglichkeit diese Einstellung zu ändern.
Deshalb findet ihr hier ein einfaches Tutorial, wie ihr die Elementor-Icon-Liste Icons mit Hilfe von CSS Ändern vertikal an den Text ausrichten könnt.
So kannst du die Icons vertikal ausrichten:
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mit Hilfe dieses Codes werden die Icons vertikal ausgerichtet:
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
align-items: start !important;
}
Kopiere diesen CSS Code und füge ihn bei beim Widget unter Erweitert>eigenes CSS ein
Mit Hilfe dieses CSS-Codes kannst du den Innenabstand (Padding) einstellen:
.elementor-icon-list-icon
{padding: 10px 0px 0 0 !important;
}
Ergänze bei den 10px die passende Zahl für deine Schriftgröße/Icon
Möchtest du noch weitere Tool Tipps & Tutorials? Dann schau hier vorbei:
So erstellst du deine eigene 404-Fehlerseite mit Elementor oder
So kannst du Überschriften mit Gold-Effekt erstellen in Elementor
