How to change the bullets of the unordered list in Google Docs using some CSS

Date:Aug 1, 2009 Ages: Price: Type: Location:

Since a few months you can make templates in Google Docs using CSS. In this short example i’ll explain how to change the bullets from an unordered list. Let’s use an ordered list for that:

  1. Create an image for the bullets you want to use. A 15×15 pixels PNG image will do nicely.
  2. Create a new Google Docs document and insert the image you’ve just created.
  3. Go to Edit > HTML and look for some code that looks something like this: File?id=dnb74wq_335hkj2s38s_b
  4. Create a new Google Docs document.
  5. Go to Edit > CSS and paste the following code there: ul { list-style-image: url(‘File?id=dnb74wq_335hkj2s38s_b’);} where you  can replace the’ File?id=..’  etc by the code that you looked up in step 3 and click OK.
  6. Now make a small sample list and click Ctrl +8 (or use the small icon).

You should see you newly created bulletlist.

Ofcourse this is only a minor improvement of your documents, but in the same manner you can create more elaborate templates for Google Docs.

Leave a Reply

Leave a Reply