Echtes Insider-Wissen ohne Werbung und Gastbeiträge
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

Beiträge zu ähnlichen Themen

Newsletter abonnieren

Wenn du willst, schicke ich dir gern eine E-Mail, wenn ich einen neuen Beitrag veröffentliche. 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.

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.