Can't figure out how to make multi-coloured menu backgrounds like in demo « Support Forum | Kriesi.at

Can't figure out how to make multi-coloured menu backgrounds like in demo

4 posts from 2 voices

Tags:

rebeccaland
Member

Hi there,

I've combed the forum and tried everything, but I can't figure out how to get multi-coloured backgrounds for the menu items. I saw something in the forum that looked like it might get me there:

.main_menu #menu-item-1220 a {
background-color: #f1a20a;
}

But I don't know how to find menu item numbers for my individual menu items. What do I have to do to get more colours into the men?

My site is here: nowincolour.ca

(Coalition theme)

Thanks!

Rebecca

Posted 5 months ago #
Devin
Moderator
Hi Rebecca,

If you are using the one page portfolio layout, the menu background color is done via the Template Editor for the one page portfolio. Each section gets its navigation name and color from the element called "Page Section". You just expand it and set the color.

For the non one page layout, you would need to inspect each menu item using something like Firebug for Firefox or Chrome/Safari's inspect tool and get the menu id and do something like this:
```
#top #menu-item-4321 a:hover {
background-color: blue;
}
```
Regards,

Devin
Posted 5 months ago #
rebeccaland
Member

Thank you, Devin!

That worked perfectly. I love this theme even more now.

Rebecca

Posted 5 months ago #
Devin
Moderator

Glad we could help :)

If you have any other issues or questions let us know.

Regards,

Devin

Posted 5 months ago #