Change list bullet and color with simple custom code in Webflow

Community resources Webflow Tips
1

This very easy custom code seems to work to change the style of bullets in a list:

<style>
ul li::marker {color: red;}
</style>

Makes me think how easy it should be to allow this customisation to be part of the Webflow UI. Coloured bullets seems to be something that many designers would want to do…

And specifying a different bullet would be this

<style>
ul li::marker {color: red; content: "►";}
</style>

Only been possible fairly recently, but support seems to be alright now:

1 Like
2

Hey there! Probably a very stupid question – I am very new to Webflow so sorry in advance, but where would I apply this code? I can’t seem to add a place for custom css :see_no_evil: Thanks!

3

In site or page settings as per:

Or also in the custom code element: