How to use custom icons for unordered lists in Webflow [CSS Included]

Michael Groff
Michael Groff
Thumbnail of custom list icons in Webflow

In you desired page's page settings scroll down to the <head> code and paste the following code inside of <style></style> tags:


ul {
 padding: 0;
 list-style-type: none;
}

li {
 background-image: url('paste your image URL here');
 background-repeat: no-repeat;
 padding-left: 2rem;
 background-position: 0 3px; /* First number is horizontal, second is vertical */
}

Webflow Mistakes 101

Learn the top 5 mistakes startups make in Webflow and how to avoid them in our free, 19 page report.

Get one now