By tiff on

I'm working on upgrading to 5.6 a site running 4.7, and am re-doing the theme using Zengine & Zen-Basic as a starting point (with an eye to easier upgrades to 6.x later on).

I'm trying to lose the bullets on the menu, but am not getting very far. According to Firebug, the list style is

    , defined in a file called system.css. The only such file is part of the core module "System", in /modules/system/. I'm assuming I can override this, but am not sure where.

    The menu section of the system.css file has several options for menus (li.expanded, li.collapsed, etc.) some of which specify a list type, e.g. list-style-type: circle;. I'm assuming I can put that somewhere in a .css file in /sites/themes/mytheme/css/ to override the default. However, doesn't seem to want to take. I even tried (temporarily) editing /modules/system/system.css to see if it would get rid of the bullets, but that didn't work either.

    So, any help on how to get rid of the bullets using a Zengine theme? I'm guessing the code provided by Julien at the end of the thread http://drupal.org/node/122195 should go somewhere, but . . . where??

    Here's the development site; running Drupal 5.6, Zengine, with custom theme based on zen_basic: www.leslieville.ca/pineridge/ I'm trying to lose the bullets on the menu on the left-hand side.

    -- T.

⋅ Categories: Drupal 5.x

Comments

tiff’s picture

tiff commented

Cut and past took out all the <code> markers, and doesn't seem to be possible to edit an original forum post. Sorry. Here it is legibly. Note to self: use preview.
___________________________________________________

I'm working on upgrading to 5.6 a site running 4.7, and am re-doing the theme using Zengine & Zen-Basic as a starting point (with an eye to easier upgrades to 6.x later on).

I'm trying to lose the bullets on the menu, but am not getting very far. According to Firebug, the list style is <ul class="menu">, defined in a file called system.css. The only such file is part of the core module "System", in /modules/system/. I'm assuming I can override this, but am not sure where.

The menu section of the system.css file has several options for menus (li.expanded, li.collapsed, etc.) some of which specify a list type, e.g. list-style-type: circle;. I'm assuming I can put that somewhere in a .css file in /sites/themes/mytheme/css/ to override the default. However, doesn't seem to want to take. I even tried (temporarily) editing /modules/system/system.css to see if it would get rid of the bullets, but that didn't work either.

So, any help on how to get rid of the bullets using a Zengine theme? I'm guessing the code provided by Julien at the end of the thread http://drupal.org/node/122195 should go somewhere, but . . . where??

Here's the development site; running Drupal 5.6, Zengine, with custom theme based on zen_basic: www.leslieville.ca/pineridge/ I'm trying to lose the bullets on the menu on the left-hand side.

-- T.

tm’s picture

tm commented

a lame attempt for this menu in this block:

#block-menu-21 li.leaf {
list-style-type: none;
list-style-image: none;
}

placement: dealing with precedence and selectivity, so "it depends". precedence-wise, the further down the theme's style.css file you are the better. selectivity will negate that, though. i think(!)

tiff’s picture

tiff commented

That did it, thanks.

Looking at it again, I see that what I should have been looking for is the next up <div id=" "> code, right?

Lot to learn about CSS, definitely.