How to change the style of your list type menu

/
2 Comments
People like variations in their own blog. They like difference. The more unique your blog is, the more special your blog. Let's start being different from the most tiniest things like this list type menu.

Example :
  1. One
  2. Two
  3. Three
  4. Four

Above is the example of a list type. If you set it as default, you would see a list of numbers only. Here i used squares for the markers because i set it to squares. Now if you want it to set it into different type of markers or even numbers of different languanges here is the steps.

Go to your Dashboard ► Template, Click CTRL + F and find this code :

#labelList {}
ul#label-list {margin-left:-40px; margin-top: -5px;}
ul#label-list li {display:inline;}
ul, ol {list-style-type: square; margin-left:-15px;}

if you don't have one in your classic template, you can add it down.
You can see the bold text there, i set the list-style-type into square.
If you don't want it to be square, you can choose from the list below:

  1. none : No marker
  2. circle : a circle
  3. disc : a filled circle. This is default
  4. square : a square
  5. armenian : The marker is traditional Armenian numbering
  6. decimal : The marker is a number
  7. decimal-leading-zero : The marker is a number padded by initial zeros (01, 02, 03, etc.)
  8. georgian : The marker is traditional Georgian numbering (an, ban, gan, etc.)
  9. lower-alpha : The marker is lower-alpha (a, b, c, d, e, etc.)
  10. lower-greek : The marker is lower-greek (alpha, beta, gamma, etc.)
  11. lower-latin : The marker is lower-latin (a, b, c, d, e, etc.)
  12. lower-roman : The marker is lower-roman (i, ii, iii, iv, v, etc.)
  13. upper-alpha : The marker is upper-alpha (A, B, C, D, E, etc.)
  14. upper-latin : The marker is upper-latin (A, B, C, D, E, etc.)
  15. upper-roman : The marker is upper-roman (I, II, III, IV, V, etc.)
  16. hiragana : The marker is in Japanese
  17. hangul : The marker is in Korean

After that save it. That should do the trick. If you have any problems you can comment on this post :)


You may also like

2 comments:

  1. I bookmarked like... every single of your tutorials lol >:"3

    ReplyDelete
  2. REALLY :O
    omg omg thankss :'D

    ReplyDelete