CSS Tricks

Elementor Icon List Alignment Snippet

Inhaltsangabe

Nachtrag

Inzwischen kann man einstellen, wo das Icon in den Icon-Listen sitzen soll. Du findest die Einstellung unter Stil > Icon > Vertikale Ausrichtung.

Ursprünglicher Blog-Beitrag

So, jetzt reicht’s. Elementor hatte lange genug Zeit, diesen Mini-Bug zu beheben. Bei der Elementor Icon Liste ist das Icon Alignment immer auf zentriert voreingestellt und lässt sich nicht ändern. Außer, man verwendet dieses CSS Snippet.

CSS Snippet

Mit diesem Snippet kannst du das Icon in deiner Elementor Icon-Liste oben neben dem Text ausrichten.

				
					<style></style>
				
			

Füge den CSS-Code hier hinzu:

Elementor > Custom Code (head – gesamte Website) 

Vorher - Nachher

Elementor Icon List Icons oben ausrichten 2
vorher: Icons zentriert
Elementor Icon List Icons oben ausrichten 1
nachher: Icons oben

Happy web designing everyone :-)

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Benachrichtigung per E-Mail

Willst du keinen meiner Posts verpassen? Dann trage dich hier ein. Es kommt kein Spam. Nur nützliche Infos und Freebies für Menschen mit Websites. Versprochen.
Newsletter Sign-up
Ich nutze keinen externen Anbieter und speichere und nutze deine Daten ausschließlich, wie in meinen Datenschutzhinweisen beschrieben. Du kannst dich jederzeit wieder abmelden.

Beiträge zu ähnlichen Themen

Willst du meinen Newsletter?

Verpasse keine neuen Posts oder Freebies. Ich versende max. einen Newsletter im Monat. Kein Spam. Versprochen.

Newsletter Sign-up
Ich speichere und nutze deine Daten ausschließlich wie in meinen Datenschutzhinweisen beschrieben. Du kannst dich jederzeit wieder abmelden.