sparkles2.png

Change Bullet Points Colours

 

Using a little bit of coding you can change the individual colours of each bullet point. This fun effect can be used for alternating colours on a list for branding, or for multiple colours for fun site e.g. child toy sites.

 
 
 

See the effect in action

 
Screenshot 2021-04-21 at 16.48.06.png
 
 
 

How to use the Effect

  1. Create a text block and type in your content. Make sure you create a bullet point list somewhere in it.
  2. When editing the text box, go to the top left corner and click 'source'.
  3. Each bullet point will be down under “<li>” in the source area of the text. To change the colour to red for example, you would change the code to the code in the box below.
  4. Once you have finished, hit 'Save' and the next colours will be applied.
 

<li style=”color: red;”>

Change the colour with the code in Blue. This can either be the name of a colour, or a hex value.