Your theme should be in /sites/all/themes/. You should only modify files in the chosen theme. Generally if there are more css files than style.css in your theme folder then they're for specific sections/pages. In almost all cases you want to put your styles at the bottom of style.css - especially if it's for something global like navigation. It's quite possible any other css files are not included on all pages.

Usually if you're putting css at the end of style.css and it's not working you need to try a different set of selectors - eg from below if li.leaf doesn't work, try ul li.leaf or ul.menu li.leaf - but as I said before you probably want to be more specific than any of those suggestions because you don't want to affect your other menus, the admin menu etc - and most menus use the menu, leaf, expanded and collapsed tabs.

As an example - I have in my style.css (which is an entirely custom theme so I don't know whether it will work for you at all or not, this is just an example)
ul.leftnavmenu .leaf,
ul.leftnavmenu .collapsed,
ul.leftnavmenu .expanded{
list-style:none;
background:none;
}

which removes all decorations from all menus - because I didn't want them.

Jean Gazis wrote:

How do I figure out which of the style sheets I need to modify for any given element and in what order they are applied? My theme (aberdeen) has several and some elements have bits of css on more than one style sheet. I made changes in one place and they don't always seem to "take."

Should I need to modify the system.css and others or just the style.css? Will it cause problems if I modify the system.css or others?

Jean

On 9/19/07, Vasileios Lourdas <lourdas_v@yahoo.gr> wrote:
On Wednesday 19 September 2007 16:07:05 sander-martijn wrote:
> It depends on what styling you need to do.  You can do a lot with css
> and should try that route first.  You can figure out which css to add or
> alter by viewing source and seeing which classes and ids are being
> used.  You likely only have to edit functions if the menu is showing the
> wrong elements, for example if it is showing children that you don't
> want shown.  If it's presnting the correct elements but in the wrong way
> you can probably fix it with css.

OK, thanks for your suggestions. Drupal renders the code like this:

<ul class="menu">
<li class="leaf"><a href="...">Schools</a></li>
<li class="leaf"><a href="...">Parents</a></li>
...
</ul>

So, I have to edit the menu and leaf classes in css. However, if I want to go
further, how do I have access to the menu structure through PHP?
--
# Vasileios Lourdas,
# Informatics Engineer, Thessaloniki (Greece)
# http://www.lourdas.name
--
[ Drupal support list | http://lists.drupal.org/ ]

--
Jean Gazis
www.jeangazis.com
www.boxofrain.us

"Believe those who are seeking the truth; doubt those who find it." - André Gide

--

sander-martijn
interface developer | architect
sander@sander-martijn.com
www.sander-martijn.com