Hello thanks for this awesome module. I need to assign a transparent background to the active state of a OM menu. I have tried to use “background:transparent” as well as using a Transparent PNG image. Either way there seems to be some kind of override from the styling of the non-active menu state. The active background image seems to be added on top of the non-active state instead of replacing it.
Please refer to the below styling and I think it should make more sense:

#om-leaf-om-u1-234768374-1{
background-image: url(layout/menu-up.jpg);
background-color: transparent;
                }

#om-leaf-om-u1-234768374-1 .active{
background-image: none;
background-color: transparent;
                }

Thankyou in advance.

Comments

Road Kill’s picture

Road Kill commented

YAY, I figured it out 
In order to resolve this issue I had to create unique ID names for the menu links through the OM menu module. Once I had assigned these ID names I was then able to style them with success. I did figure out that you need to omit the space between the div ID and active command for it pull through whereas before there needed to be a space. Sounds confusing, but this is what I mean:
Before:

#om-leaf-om-u1-234768374-1 .active{
background-image: none;
background-color: transparent;
                }

After with new ID name: 
#homelink.active{
background-image: none;
background-color: transparent;
                }
danielhonrade’s picture

danielhonrade commented
Status: Active » Closed (fixed)