Easy CSS Code For Aligning Icons To Top Of Elementor Icon List

Written by :

Posted on :

Tags :

Share :

Facebook
Twitter
LinkedIn
Reddit
Pinterest

What This CSS Code Does:

Aligns icons to the top of the list when a list item has several rows of content since the widget doesn’t have that setting.

Before:

After:

How To Implement:

Go to Advanced > Custom CSS of the text element and paste in the code bellow. If the icon appears to be a little off once aligned to the top, adjusting the line height of the content should do the trick. 

The Code:

				
					.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: start;
}
				
			

Leave a Reply

Your email address will not be published.

Schedule A Call
Play Video
Thanks for stopping by! Here's something totally awesome to brighten up your day!
Schedule A Call
READY FOR A TOTALLY AWESOME WEBSITE?