Posted by Brydave on April 2, 2009 at 6:41pm
Jump to:
| Project: | DHTML Menu |
| Version: | 6.x-1.02 |
| Component: | CSS code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed (fixed) |
Issue Summary
Hi everyone,
I have been searching but haven't found a solution to this.
I want to make the dhtml menu parent that you click on to drop the list down, to be bold, while the child links are normal.
The closest solution I have seen is using "li.active-trail>a" found here: http://drupal.org/node/371795
However, I'm trying to make is so it is always bold as an indicator instead of the list images.
Any suggestions would be much appreciated!!
Thanks!!
Comments
#1
Ok so about 10 seconds after I posted this, I figured out what I was doing wrong! (I love when that happens...)
So the whole time I was looking for dhtml menu css styles when it was actually just the system-menu.css, which is probably why I couldn't find what I was looking for...
Anyways just in case someone else runs into the same thing, I just changed:
li.expanded{
to
li.expanded >a{
and
li.collapsed
to
li.collapsed >a{
Sorry for the unnecessary post!!!
hopefully some one will find this useful!
#2
I am using Vocabulary Index (a module) to produce a block which lists all terms in a vocabulary. The parent terms and expandable with DHTML. The selecter >a before the { , along with a font-weight:bold; within the li selector block WORKS GREAT. Now all my expandable menu items are in bold whether they are expanded are not......Thats just great....thanks for posting the solution.
Here's what the code looks like in system-menus.css........My question is .....why does it take a >a to make it work?????
li.expanded >a{
list-style-type: circle;
list-style-image: url(../../misc/menu-expanded.png);
padding: 0.2em 0.5em 0 0; /* LTR */
margin: 0;
font-weight:bold;
}
li.collapsed >a{
list-style-type: disc;
list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
padding: 0.2em 0.5em 0 0; /* LTR */
margin: 0;
font-weight:bold;
}