I would like to write customized CSS code for my menus. The thing is, I want one to open upwards, and them to be different colors than each other.

I have the contact link in the bottom and contact, when paired with the Contact Forms module, I can make a menu item for each category within it. I also want it in a place where it is always there, but never in the way, so I'm putting it in the footer, which explains why I want it to open upwards, and that isn't a standard option in the module. The colors are just because there are different colors in my theme that I would like to try and match the backgrounds.

To simplify the question, how would I designate which of the menus I am putting the CSS for (I am familiar with CSS, but not spectacular with it).

Thanks in advance for any help.

Comments

add1sun’s picture

add1sun commented

Well if you are using the nice menus in a block, you have the unique block IDs to work with. Additionally each nice menus UL gets its own ID: "nice-menus-#". If you just look at the source code you will see the selectors you have to work with.

As for the upward expansion, there is an issue in the queue for this that is pretty old but you can probably use the CSS. It would be awesome if you did get upward expansion working and then reported back with a patch of the changes yo made so we could get that feature into the module rather than folks having to hack it.

add1sun’s picture

add1sun commented
Status: Active » Fixed

Marking fixed.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

aeski’s picture

aeski commented
Version: 5.x-1.2 » 6.x-2.x-dev
Component: Code » CSS
Status: Closed (fixed) » Active

Hi,
I too have a problem here,

Basically i'm splitting the menu into different areas that have different colours.

I have managed to target the menu's I want and their children, however I can't target the over/hover classes so that the parent item changes colour when hovered over it's children items.

Has anyone successfully themed menu items including the parent item on hover?

Cheers.

aeski’s picture

aeski commented
Status: Active » Fixed

Solved the problem.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.