By netlynx on

At the risk of asking a dumb question ....
I can't get the block menu list styles to respond in my xtemplate .css file
For testing I have just been trying to change the colour.
Now, I have found the following in drupal.css

li.expanded {
  list-style-type: circle;
  list-style-image: url(menu-expanded.gif);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(menu-collapsed.gif);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(menu-leaf.gif);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}

..........so I tried using these in my mytheme.css (in various guises in the hope it would override drupal.css) - I had it working on a global scale, but I only want it to effect the blocks.
No Joy - just ignores me when I try to make it menu block specific.
I found an article in the handbook on changing functions and stuff, but is that really still necessary for such a simple objective?
Can anyone shed some light. Perhaps I just did not define the style correctly.
A pointer to save me going down the wrong road would be very welcome.

Comments

bart jansens’s picture

bart jansens commented

This should be possible using just css. Blocks are wrapped in a div with the class set to 'block' so using the following should probably work:

block li.expanded {
  ..
}
block li.collapsed {
  ..
}

I dont know if these classes are documented anywhere, i usually just look at the html output to see if there are any classes i can use.