By netentropy on

I am trying to add circle bullets back to my primary menu (horizontal menu with yellow background)

Check http://www.bjrtechnologies.com/gamma/

Since the theme's css file is the last listed file, I know I can override the primary-links and links class in the theme's css file.

This is evident as I changed the background color to yellow and the link color to red within this class.

I cannot however override it and have the bullet appear which makes no sense to me.

here is the html

<div id="nav">
        
        <!-- if block in $nav, removes default $primary and $secondary links -->
 
                      <ul class="links primary-links"><li class="menu-114 first"><a href="/gamma/node/1" title="">Apple</a></li>
<li class="menu-115"><a href="/gamma/node/2" title="">Butter</a></li>
<li class="menu-116"><a href="/gamma/node/1" title="">Church</a></li>
<li class="menu-117"><a href="/gamma/node/1" title="">Daisies</a></li>
<li class="menu-118"><a href="/gamma/node/1" title="">Funny</a></li>
<li class="menu-119 last"><a href="/gamma/node/1" title="">Geronimo</a></li>
</ul>                                <div id="secondary-links"></div>
          
              </div> <!-- /#nav -->

and here is the CSS stuck at the end of the last CSS file (the theme's CSS)

#nav ul.primary-links { list-style-type: circle; background: yellow;}
#nav ul.primary-links a { color: red;}
#nav ul.links { list-style-type: circle; background: yellow;}

Not I have tried both classes.

Any ideas, I need to add bullets to this horizontal menu.

⋅ Categories: Drupal 6.x

Comments

pbarnett’s picture

pbarnett commented

Won't adding a list style type to the second CSS selector do that?

#nav ul.primary-links a { color: red; list-style-type: circle;}

Pete.

netentropy’s picture

netentropy commented

I will try it but the list-style declaration should only apply to the ul not a

**update: tested it , that does not work.

I am selecting the ul.primary links and all declarations are working except list style

pbarnett’s picture

pbarnett commented

I've played around with this for half an hour (using the 'Add user CSS' option in the FireFox Web Developer plugin) and I'm damned if I can get it to work either.

Sorry!

Pete.

netentropy’s picture

netentropy commented

yes i know there is something in the core Drupal CSS that needs to be overriden in the theme css but I cannot find it.

pbarnett’s picture

pbarnett commented

system-menus.css has the following, which applies -

ul.links li {
display:inline;
list-style-type:none;
padding:0 0.5em;
}

Don't know if that helps... it's 03:35 here :-)

Pete.

netentropy’s picture

netentropy commented

hey thanks, i just played around with this too but not working

i even changed it to block and did not see bullets

can padding and margins affect it?

netentropy’s picture

netentropy commented

like you i used FF Css Editor

I took out every instace of ul , li, ul.primary-links and ul.links as well as anything else

it finally became a vertical list but the bullets never appeared

pbarnett’s picture

pbarnett commented

You could always simply use a background image. For a related issue, see http://drupal.org/node/550068

Pete.