By indepUser on

Hi,

I am building my theme on top of the zen theme. I want to customize the menu items such that the radio button does not appear in front of them. Can someone please tell me how I can achieve this.

Also, for the primary and secondary menu items, I want a separator (solid straight line) to appear between the menu items. Can someone please tell me how I can achieve this.

Thanks!

⋅ Categories: Drupal 6.x

Comments

indepUser’s picture

indepUser commented

I was able to remove the bullets from the menu item by inserting the following in layout.css

.block li.leaf, ul.menu li.leaf {
list-style-image: none;
list-style-type: none;
}

Still looking for a way to put a | separator between the items in primary and secondary inline menu items...

indepUser’s picture

indepUser commented

I was able to remove the bullets from the menu item by inserting the following in layout.css

.block li.leaf, ul.menu li.leaf {
list-style-image: none;
list-style-type: none;
}

Still looking for a way to put a | separator between the items in primary and secondary inline menu items...

indepUser’s picture

indepUser commented

I was able to remove the bullets from the menu item by inserting the following in layout.css

.block li.leaf, ul.menu li.leaf {
list-style-image: none;
list-style-type: none;
}

Still looking for a way to put a | separator between the items in primary and secondary inline menu items...

indepUser’s picture

indepUser commented

I was able to remove the bullets from the menu item by inserting the following in layout.css

.block li.leaf, ul.menu li.leaf {
list-style-image: none;
list-style-type: none;
}

Still looking for a way to put a | separator between the items in primary and secondary inline menu items...

Yoha’s picture

Yoha commented

vertical line separator
#primary-links ul li {border-left:solid white 1px;}
#primary-links ul li.first{border-left:none;}

And to include a list-style separator:

#primary-links ul.links li {display:list-item; list-style:square;}

Links are standard displayed inline and therefor not capable of having a list-style. So first change that and then add the separator.
I hope this helps. (#primary-links might not be applicable for you) use firebug to find your div id.