Nach einem Update von Elementor im September 2021 gab es eine große Veränderung in der Ausrichtung der Icons beim Icon-List-Widget, sobald der Inhalt mehrzeilig wird. Vor dem Update wurde das Icon am Anfang der ersten Zeile ausgerichtet nach dem Update wird es zentriert ausgerichtet.
Zurzeit gibt es im Elementor Icon-List-Widget keine Möglichkeit, diese Einstellung zu ändern. Daher gibt es hier ein kleines Tutorial, wie du das Elementor Icon-List-Widget mit Hilfe eines kleinen CSS-Codes wieder vertikal oben am Text ausrichten kannst.
Bitte füge diesen CSS-Code beim Icon-List Widget unter Erweitert > Eigenes CSS ein:
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
align-items: start !important;
}
Bei unterschiedlichen Schriftgrößen steht das List-Icon nicht immer mittig zur ersten Textzeile. Füge dann einfach den nachfolgenden CSS-Code auch bei Eigenes CSS unter obigem Code ein.
.elementor-icon-list-icon
{padding: 10px 0px 0 0 !important;
}
Passe bei Padding die Zahl 10px entsprechend der Schriftgröße des Textes an.
Nach Einbau des CSS-Codes wird jetzt das Icon oben angezeigt.