How can we help?

How to change the bullets for unordered lists in the text element

Franziska Dienst
Franziska Dienst
  • Updated

Here you can find a step-by-step guide on how to change the style for the bullets of an unordered list when using our text editor.

The default style of the bullets is the triangle:

file-yOy6GXdU2s.png

If you want to change the style follow these steps:

  1. Click on Code in the bottom right corner and go to the Boilerplate tab. Search for this code snippet (using Ctrl + F) and copy it:

    file-oXM2ND4Ka5.png

  2. Then switch to the CSS tab and add the copied code snippet to your website CSS
    file-6iTVclsm2G.png
  3. Go to the Font Awesome website and select the icon of your choice
  4. Copy the Unicode of your chosen icon
    file-g9spko8uNR.png
  5. Go back to the editor and replace the current Unicode in your website CSS with the new Unicode:
    file-or1XLiIjqj.png
  6. Hit the save button in the code editor to see the result: 

    file-uGfXGGxVi3.png


Become a part of our Community!

Exchange ideas with other web designers about current developments, tips, and tricks and show your favorite sites. Get advice and talk to us about possible features you would like to see on Sitejet. You can join the Sitejetters community here.

Was this article helpful?

0 out of 1 found this helpful

Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.