Echtes Insider-Wissen aus 20 Jahren Webdesign-Praxis
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>/* icon list alignment */
    .elementor-widget .elementor-icon-list-item,
    .elementor-widget .elementor-icon-list-item a {
        align-items: start !important;
    }
    .elementor-icon-list-icon 
	{padding: 2px 0px 0 0 !important;}</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

Früher wissen, was andere zu spät merken

Das hier ist kein Newsletter. Sondern eine Einladung, von meinen seltenen AHA-Momenten und wichtigsten Learnings zu profitieren. 1–2 Mails im Monat – max. Kein Funnel. Kein Marketinggeschwurbel.
Newsletter Sign-up
Du kannst dich jederzeit wieder abmelden. Alles Weitere ist in meinen Datenschutzhinweisen.

Beiträge zu ähnlichen Themen