Custom Code

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

Learn how to replace the default bullet point in unordered lists with a custom image or icon of your liking.

By Fitr Media Team | Nov 11, 2025

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

<style>

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

li {
	background-image: url(' image url goes here... ');
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-position: 0 3px;
}

</style>
Websites built by Fitr Media
need Webflow help?

Unlimited Webflow Design & Development

Schedule callLearn more