Support » Themes and Templates » Bullets in title

  • I want to change the bullets next to (Navigation, Category, Archives, Meta) to an image. I have looked in the wiki and done what it has said but that changes the items in the list also not just the titles.
    How would i do that?

Viewing 10 replies - 1 through 10 (of 10 total)
  • For some reason, I don’t see an opening UL before your list of links in the menu section. Just after the div id=”menu”, you have li id=”category”…there should be an opening ul before the first li.
    Then, try setting the list-type to an image just on #menu ul li. If it’s still giving you an image on the nested lists, then style #menu ul li ul li as list-style: none.
    See if that helps,

    #menu {
    background: #fff;
    border-left: 1px dotted #ccc;
    border-top: solid 3px #e0e6e0;
    padding: 20px 0 10px 30px;
    position: absolute;
    right: 2px;
    top: 125px;
    width: 11em;

    Here’s what you want to do with the above:
    #menu { …. keep what you have up there but follow it in the CSS with …
    #menu ul {
    list-style-type: none;
    #menu ul li {
    list-style-image: url(images/bullet.gif);
    margin-left: 20px;
    This second bit of CSS means … “ok, for all list items in an unordered list that’s part of themenu DIV … have these properties. In this case, “use this image as the bullet”. This is possible because you have stated that you want all unordered lists (the parents of list items) to have no list-style-type.
    In case I’m confusing you any further you might want to take a look at this very informative article.

    You need to have an opening UL in your index.php. If you look at your source, you’ll see the following:
    <div id=”menu”>
    <li id=”navigation”>Navigation
    …(rest of menu stuff)
    So, you need to have:
    <div id=”menu”>

      <li id=”navigation”>Navigation

    Ok, If you take a look at the site now. ( you can see the image bullet. I want to remove the text bullet (black dot) & also remove the image bullet next to “contact, gallery, home” Is that in the first park of the wiki? If not, How would i do it?


    I wrote this once before but lost it in posting. here it is again: For the image, replace the image url in #menu ul ul li with none. As for the bullets, might I suggest you clean up your list first as it is incorrect as displayed – get it to pass xhtml validation and the bullets will “disappear” To get you started the first problem is you close out your UL after “category” so all those bulleted links are all by their lonesome. This would require #menu li { LIST-STYLE-TYPE: none} to get rid of them but the page will never pass muster that way.

    Sorry to be a pain but could you please tell me how to make the bullets disaper and then once that is done i will worry about the valladaition.

    Thanks for all the help,
    Now, Why are
    1) Different font
    2) Different size
    3) No in the order that i put them in the control panel?

    Look again at the e-mail I sent you regarding this and also noted above – you HAVE to clean up your unordered lists in the menu of the index page. Among other things, you have closed out your ul after Category and open with an li. I laid it all out for you at length in the e-mail I sent, showing you both what is wrong and how to make it right (color coded even).
    As for the Navigation list, it is sort alphabetically. And it is the only part of the menu that is correct and displaying as set in the css, all the rest is wrong. For example:

      <li id="category">Category

  • General ()
    • <li id="archives">Archives:


Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Bullets in title’ is closed to new replies.