JV Webdesign BLOG

WordPress, Produktivität, Marketing, How-To
CSS Tricks

Elementor Icon List Alignment Snippet

Inhaltsangabe

So, jetzt reichts. Elementor hatte lange genug Zeit, diesen Mini-Bug zu beheben.

Hier kommt das CSS-Snippet, mit dem du das Icon in deiner Icon-Liste oben neben dem Text ausrichten kannst.

				
					<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

Newsletter abonnieren

Diese Beiträge interessieren dich vielleicht auch

Diese Website nutzt, wie in meinen Datenschutzhinweisen beschrieben, teilweise technisch erforderliche Cookies - keine Tracking- oder Werbe-Cookies.