Need to change color of non-hovered items in dropdown
Permalink Browser Info Environment
When I first set up Mega Menu, using a custom skin, both the parent and all items in the dropdown would take on the hover style when any of these items was hovered. I messaged the developer who told me to take out this selector in the CSS: .jbmm.custom ul.mega-menuh li.mega-hover a. When I did this, only the hovered item would take on the hover style, but the rest of the items become a dark gray when any of the other items is hovered. I'm not sure where this color is coming from. Any clues how to change the color on these? Many thanks!
Also, I would like to reduce the spacing between submenu items. Does anyone know where to change this in the CSS?
Also, I would like to reduce the spacing between submenu items. Does anyone know where to change this in the CSS?
| Type: | Discussion |
|---|---|
| Status: | New |
I've done this, without any luck. I can't find the hover styles in developer tools. I've pored over the custom code, and I just can't seem to figure out why the parent item and sibling items become dark gray when a submenu item is hovered.
Hi
If you go to your custom css look for this rule and remove the attribute.
Hope that helps.
JZ
If you go to your custom css look for this rule
.jbmm.custom ul.mega-menuh li.mega-hover a, .jbmm.custom ul.mega-menuh li a:hover
color:Hope that helps.
JZ
You might want to use developer tools to easily identify which css rule to modify this might helphttp://www.html5rocks.com/en/tutorials/developertools/part1/...
JZ