[support] Custom menu theming

[sander-martijn]

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 at yahoo.gr 
> <mailto:lourdas_v at 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 <http://www.jeangazis.com>
> www.boxofrain.us <http://www.boxofrain.us>
>
> "Believe those who are seeking the truth; doubt those who find it." - 
> André Gide 

-- 
------------------------------------------------------------------------

sander-martijn <mailto:sander at sander-martijn.com>
interface developer | architect
sander at sander-martijn.com <mailto:sander at sander-martijn.com>
www.sander-martijn.com <http://www.sander-martijn.com>

------------------------------------------------------------------------
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/support/attachments/20070919/65ba63de/attachment-0001.htm