I use a unordered list to create a tree. When the tree is put in

in content, it's perfect. But when I put it in a block, there is a little dot with every
  • . I set the list-style-type as none, but it doesn't work.

    How can I get rid of the dots? The attaching is the screenshot.

    • CommentFileSizeAuthor
    Screenshot.png12.82 KBhenryhu

    Comments

    ajross’s picture

    ajross commented

    You need to override the CSS that sets custom bullets in blocks in blue.css (from the image I'm assuming you are using the blue/green color scheme). And you should do it in local.css which will be loaded after blue.css. Try the following and see if it fixes things:

    .block ul li,
.block ul li.collapsed,
.block ul li.expanded,
.block ul li.leaf {
  list-style-type: none;
  list-style-image: none;
}
    ajross’s picture

    ajross commented
    Status: Active » Postponed (maintainer needs more info)
    ajross’s picture

    ajross commented
    Status: Postponed (maintainer needs more info) » Closed (works as designed)

    Closing due to lack of response. Hopefully the posted code resolved the problem.