Change UL bullets to icons

Design help General
1

Hello,

I am trying to update my ul lists in the “additional functionality” section of the homepage on this site:

preview mode: https://preview.webflow.com/preview/fieldhub-2018b?utm_source=fieldhub-2018b&preview=8d7eb66cc57dddabd147677086ed89f0

I have read that you need custom code for this and have added this code in the head:

ul { list-style-image: url('trianglebullets.svg'); }

It’s not working and I’m assuming it’s my image url that’s wrong? I’m not sure what I need to use for the image. I have added an svg to my project assets and is named trianglebullets.svg

What am I missing here?

Thanks!
Bec

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Hello @rlowe1228

You need to use the full url > https://uploads-ssl.webflow.com/5bc7d78a41fe8442816cdf66/5c80a2db0119be26edbc7e1f_noun_triangle_687558.svg

You will find out that the image will be large and the bullet will become not so cool :smile:

Piter :webflow_heart:

3

@PeterDimitrov thanks for the response but still not working…

1 Like
4

The site still uses the old code without the full link. Replace it with

<style>
    ul {
       list-style-image: url('https://uploads-ssl.webflow.com/5bc7d78a41fe8442816cdf66/5c80a2db0119be26edbc7e1f_noun_triangle_687558.svg');
    }
</style>

Piter :webflow_heart:

2 Likes
5

Thank you @PeterDimitrov !

1 Like